.all-star-dota-index-page{
	/*margin-top:70px;*/
	background:url(../../i/star-dota-bg.jpg) top center no-repeat;
}
.wrap{width:1000px !important;margin:auto;}

.all-star-dota-index-page .top-area{height:890px;}
.all-star-dota-index-page .top-area .share-btn{
	position:absolute;
	top:0;right:0;
	width:250px;height:48px;
	background:url(../../i/star-all-shear-bg.png) no-repeat;
}
.all-star-dota-index-page .top-area .share-btn a{
	position:absolute;
	width:22px;height:22px;
	background:url(../../i/star-all-shear-ico.png) no-repeat;
  margin: 0;
}

.all-star-dota-index-page .top-area .share-btn .xlwb{
	top:12px;right:75px;
	background-position:0 0;
}
.all-star-dota-index-page .top-area .share-btn .xlwb:hover{
	background-position:0 -22px;
}
.all-star-dota-index-page .top-area .share-btn .xlwb:active{
	background-position:0 -44px;
}
.all-star-dota-index-page .top-area .share-btn .txwb{
	top:12px;right:40px;
	background-position:-22px 0;
}
.all-star-dota-index-page .top-area .share-btn .txwb:hover{
	background-position:-22px -22px;
}
.all-star-dota-index-page .top-area .share-btn .txwb:active{
	background-position:-22px -44px;
}
.all-star-dota-index-page .top-area .share-btn .qq{
	top:12px;right:10px;
	background-position:-44px 0;
}
.all-star-dota-index-page .top-area .share-btn .qq:hover{
	background-position:-44px -22px;
}
.all-star-dota-index-page .top-area .share-btn .qq:active{
	background-position:-44px -44px;
}

.all-star-dota-index-page .mid-area{height:428px;}
.all-star-dota-index-page .mid-area .sub-top-area{
	position:relative;
	overflow:hidden;*zoom: 1;
}
.all-star-dota-index-page .mid-area .sub-top-area img{
	display:block;
	width:100%;height:100%;
}
.all-star-dota-index-page .mid-area .sub-top-area .left-area{
	position:relative;
	float:left;
	width:500px;height:337px;
}
.all-star-dota-index-page .mid-area .sub-top-area .left-area .people-1{
	position:absolute;
	top:104px;left:0;
	width:169px;height:212px;
	z-index:2;
	cursor:pointer;
}

.all-star-dota-index-page .mid-area .sub-top-area .left-area .people-2{
	position:absolute;
	top:37px;left:60px;
	width:156px;height:225px;
	z-index:1;
	cursor:pointer;
}

.all-star-dota-index-page .mid-area .sub-top-area .left-area .people-3{
	position:absolute;
	top:20px;left:117px;
	width:200px;height:304px;
	z-index:3;
	cursor:pointer;
}
.all-star-dota-index-page .mid-area .sub-top-area .left-area .people-4{
	position:absolute;
	top:90px;left:275px;
	width:154px;height:225px;
	z-index:2;
	cursor:pointer;
}
.all-star-dota-index-page .mid-area .sub-top-area .left-area .people-5{
	position:absolute;
	top:30px;left:210px;
	width:153px;height:239px;
	z-index:1;
	cursor:pointer;
}

.all-star-dota-index-page .mid-area .sub-top-area .right-area{
	position:relative;
	float:right;
	width:500px;height:337px;
}

.all-star-dota-index-page .mid-area .sub-top-area .right-area .people-1{
	position:absolute;
	top:74px;left:74px;
	width:132px;height:233px;
	z-index:2;
	cursor:pointer;
}

.all-star-dota-index-page .mid-area .sub-top-area .right-area .people-2{
	position:absolute;
	top:46px;left:136px;
	width:129px;height:241px;
	z-index:1;
	cursor:pointer;
}
.all-star-dota-index-page .mid-area .sub-top-area .right-area .people-3{
	position:absolute;
	top:-20px;left:188px;
	width:194px;height:341px;
	z-index:3;
	cursor:pointer;
}
.all-star-dota-index-page .mid-area .sub-top-area .right-area .people-4{
	position:absolute;
	top:36px;left:274px;
	width:201px;height:237px;
	z-index:1;
	cursor:pointer;
}
.all-star-dota-index-page .mid-area .sub-top-area .right-area .people-5{
	position:absolute;
	top:86px;left:400px;
	width:110px;height:225px;
	z-index:2;
	cursor:pointer;
}

.all-star-dota-index-page .mid-area .sub-top-area .go-live-room-btn{
	position:absolute;
	top:240px;left:50%;
	margin-left:-60px;
	width:120px;height:35px;
	background:url(../../i/star-dota-live-btn.png) no-repeat;
}
.all-star-dota-index-page .mid-area .sub-top-area .go-live-room-btn:hover{
	background-position:0 -35px;
}
.all-star-dota-index-page .mid-area .sub-top-area .go-live-room-btn:active{
	background-position:0 -70px;
}

.all-star-dota-index-page .sub-bottom-area .red-stand-by{
	display:block;
	float:left;
	margin-left:40px;
	width:150px;height:40px;line-height:40px;
	background:url(../../i/star-dota-btn.png) -150px 0;
	font-size:20px;color:#f4d29c;
	text-align:center;
}
.all-star-dota-index-page .sub-bottom-area .red-stand-by:hover{
	background-position:-150px -40px; 
}
.all-star-dota-index-page .sub-bottom-area .red-stand-by:active{
	background-position:-150px -80px; 
}
.all-star-dota-index-page .sub-bottom-area .bule-stand-by{
	display:block;
	float:left;
	width:150px;height:40px;line-height:40px;
	background:url(../../i/star-dota-btn.png) 0 0;
	font-size:20px;color:#f7dfc5;
	text-align:center;
}
.all-star-dota-index-page .sub-bottom-area .bule-stand-by:hover{
	background-position:0 -40px;
}
.all-star-dota-index-page .sub-bottom-area .bule-stand-by:active{
	background-position:0 -80px;
}

.all-star-dota-index-page .sub-bottom-area .disable-stand-by,
.all-star-dota-index-page .sub-bottom-area .disable-stand-by:hover,
.all-star-dota-index-page .sub-bottom-area .disable-stand-by:active{
	background:url(../../i/star-dota-btn.png) 0 -120px;
	color:#3e3e3e;
}

.all-star-dota-index-page .sub-bottom-area .bar-area{
	position:relative;
	float:left;
	margin:10px 26px 0;
	padding:3px 0;
	width:576px;height:16px;
	background:url(../../i/star-dota-bar-big.png) no-repeat;
}

.all-star-dota-index-page .sub-bottom-area .bar-area .red-bar{
	position:absolute;
	top:3px;left:0;
	height:16px;
	background:url(../../i/star-dota-bar-red.png) repeat-x;
	text-align:right;
}
.all-star-dota-index-page .sub-bottom-area .bar-area .red-bar span{
	_display:inline;
	float:right;
	margin-top:-1px;
	margin-right:18px;
	height:16px;line-height:16px;
	font-size:12px;color:#ccc;
}

.all-star-dota-index-page .sub-bottom-area .bar-area .red-bar .left-border{
	position:absolute;
	top:-3px;left:-12px;
	width:12px;height:22px;
	background:url(../../i/star-dota-red-bar-border.png) no-repeat;
	z-index:2;
}
.all-star-dota-index-page .sub-bottom-area .bar-area .red-bar .right-border{
	display:none;
	position:absolute;
	top:-3px;right:-12px;
	width:12px;height:22px;
	background:url(../../i/star-dota-red-bar-border.png) -12px 0 no-repeat;
	z-index:2;
}

.all-star-dota-index-page .sub-bottom-area .bar-area .bule-bar{
	position:absolute;
	top:3px;right:0;
	height:16px;
	background:url(../../i/star-dota-bar-blue.png) repeat-x;
	text-align:left;
}

.all-star-dota-index-page .sub-bottom-area .bar-area .bule-bar span{
	_display:inline;
	float:left;
	margin-top:-1px;
	margin-left:18px;
	height:16px;line-height:16px;
	font-size:12px;color:#ccc;
}

.all-star-dota-index-page .sub-bottom-area .bar-area .bule-bar .left-border{
	display:none;
	position:absolute;
	top:-3px;left:-12px;
	width:12px;height:22px;
	background:url(../../i/star-dota-bule-bar-border.png) no-repeat;
	z-index:2;
}
.all-star-dota-index-page .sub-bottom-area .bar-area .bule-bar .right-border{
	position:absolute;
	top:-3px;right:-12px;
	width:12px;height:22px;
	background:url(../../i/star-dota-bule-bar-border.png) -12px 0 no-repeat;
	z-index:2;
}

.all-star-dota-index-page .bottom-area{
	height:400px;
	padding-top:164px;
}
.all-star-dota-index-page .bottom-area .sub-top-area{
	position:relative;
	overflow:hidden;*zoom: 1;
}
.all-star-dota-index-page .bottom-area .sub-top-area img{
	display:block;
	width:100%;height:100%;
}
.all-star-dota-index-page .bottom-area .sub-top-area .left-area{
	position:relative;
	float:left;
	width:441px;height:280px;
	background:url(../../i/star-dota-left-bg.png) no-repeat;
	overflow:hidden;
}

.all-star-dota-index-page .bottom-area .sub-top-area .left-area .people-1{
	position:absolute;
	top:94px;left:59px;
	width:110px;height:186px;
	z-index:3;
	cursor:pointer;
}

.all-star-dota-index-page .bottom-area .sub-top-area .left-area .people-2{
	position:absolute;
	top:95px;left:150px;
	width:136px;height:185px;
	z-index:5;
	cursor:pointer;
}
.all-star-dota-index-page .bottom-area .sub-top-area .left-area .people-3{
	position:absolute;
	top:92px;left:218px;
	width:198px;height:189px;
	z-index:4;
	cursor:pointer;
}
.all-star-dota-index-page .bottom-area .sub-top-area .left-area .people-4{
	position:absolute;
	top:0;left:170px;
	width:173px;height:282px;
	z-index:2;
	cursor:pointer;
}
.all-star-dota-index-page .bottom-area .sub-top-area .left-area .people-5{
	position:absolute;
	top:0;left:97px;
	width:130px;height:256px;
	z-index:1;
	cursor:pointer;
}

.all-star-dota-index-page .bottom-area .sub-top-area .right-area{
	position:relative;
	float:right;
	width:440px;height:280px;
	background:url(../../i/star-dota-right-bg.png) no-repeat;
	overflow:hidden;
}

.all-star-dota-index-page .bottom-area .sub-top-area .right-area .people-1{
	position:absolute;
	top:79px;left:34px;
	width:165px;height:203px;
	z-index:3;
	cursor:pointer;
}

.all-star-dota-index-page .bottom-area .sub-top-area .right-area .people-2{
	position:absolute;
	top:82px;left:119px;
	width:184px;height:240px;
	z-index:5;
	cursor:pointer;
}
.all-star-dota-index-page .bottom-area .sub-top-area .right-area .people-3{
	position:absolute;
	top:84px;left:232px;
	width:160px;height:200px;
	z-index:4;
	cursor:pointer;
}
.all-star-dota-index-page .bottom-area .sub-top-area .right-area .people-4{
	position:absolute;
	top:-14px;left:137px;
	width:222px;height:302px;
	z-index:1;
	cursor:pointer;
}
.all-star-dota-index-page .bottom-area .sub-top-area .right-area .people-5{
	position:absolute;
	top:10px;left:80px;
	width:128px;height:272px;
	z-index:2;
	cursor:pointer;
}

.all-star-dota-index-page .bottom-area .sub-top-area .go-live-room-btn{
	position:absolute;
	top:200px;left:50%;
	margin-left:-60px;
	width:120px;height:35px;
	background:url(../../i/star-dota-live-btn.png) no-repeat;
}
.all-star-dota-index-page .bottom-area .sub-top-area .go-live-room-btn:hover{
	background-position:0 -35px;
}
.all-star-dota-index-page .bottom-area .sub-top-area .go-live-room-btn:active{
	background-position:0 -70px;
}
.all-star-dota-index-page .bottom-area .sub-bottom-area{
	margin-top:25px;
}

.all-star-dota-index-page .play-ico{
	display:none;
	position:absolute;
	bottom:130px;left:50%;
	margin-left:-33px;
	width:66px;height:66px;
	background:url(../../i/star-dota-play.png) no-repeat;
}
.all-star-dota-index-page .name{
	display:none;
	position:absolute;
	bottom:130px;left:0;
	padding:0 10px;
	height:26px;line-height:26px;
	font-size:16px;color:#ccc;
	background:#000;
	background:rgba(0,0,0,.7);
	text-align:center;
}
.all-star-dota-index-page .hover{z-index:100 !important;}
.all-star-dota-index-page .hover .play-ico,
.all-star-dota-index-page .hover .name{display:block;}

.all-star-dota-index-page .fot-area{
	height:76px;
	padding-top:140px;
	overflow:hidden;*zoom:1;
}
.all-star-dota-index-page .fot-area .left-area{
	float:left;
	width:536px;line-height:30px;
	font-size:14px;color:#9b9b9b;
}
.all-star-dota-index-page .fot-area .right-area{
	float:right;
	width:320px;line-height:30px;
	font-size:14px;color:#9b9b9b;
}
.all-star-dota-index-page .fot-area .left-area a{color:#f8a214;}
.all-star-dota-index-page .fot-area .left-area a:hover{
	text-decoration:underline;
}

/* footArea */
.footArea{
	padding-top:110px;
/*	height:290px;*/
	background:url(../../i/star-dota-foot.jpg) top center no-repeat #0e0e0e;
}
.footArea .left-area li p{color:#888;}
.footArea .right-area li h3{color:#888;}
.footArea .left-area{border-right:1px solid #181818;}
.footArea .right-area{border-left:none;}

.footArea .left-area li{margin:0 50px !important;}
.footArea .right-area li{margin-left:80px !important;}
.footArea .foot-bottom{margin-top:60px;}

/* hd-entrance */
.hd-entrance{
	position:fixed;
	top:90px;right:200px;
	padding:83px 8px 0;
	width:147px;height:352px;
	background:url(../../i/star-lol-huodong-bg.png?20150519) no-repeat;
	z-index:50;
}
.hd-entrance .allstar-index{
  position: absolute;
  display:block;
  top:21px;left:31px;
  width:103px;height:54px;
}

.hd-entrance li{
	position:relative;
	height:45px;line-height:45px;
	text-align:center;
}
.hd-entrance .odd{background:#242323;}
.hd-entrance li a{
	position:relative;
	display:block;
	font-size:16px;color:#fff;
	z-index:2;
}

.hd-entrance li a:hover{background:#803a17;}

.size1440 .hd-entrance{right:5px;}
.size960 .hd-entrance{
	position:absolute;
	right:40px;
}

.hd-entrance .active .active-bg{
	position:absolute;
	top:-4px;left:-8px;
	width:163px;height:53px;
	background:url(../../i/star-lol-huodong-active.png) no-repeat;
	z-index:1;
}
.hd-entrance .active a:hover{background:none;}

.footArea .right-area .link-big{ font-size: 18px; color: #888; }
.footArea .right-area .link-big:hover{ color: #1398e2; }