.all-star-lol-index-page{
	/*margin-top:70px;*/
	background:#e6e5e1;
}
.wrap{width:1000px !important;margin:auto;}
.lol-top-area{
	width:100%;
	height:987px;
	background:url(../../i/star-lol-banner.jpg) top center no-repeat;
}
.lol-top-area .share-btn{
	position:absolute;
	top:0;right:0;
	width:250px;height:48px;
	background:url(../../i/star-all-shear-bg.png) no-repeat;
}
.lol-top-area .share-btn a{
	position:absolute;
	width:22px;height:22px;
	background:url(../../i/star-all-shear-ico.png) no-repeat;
  margin: 0;
}

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

.lol-bottom-area{
	padding-top:20px;
	height:1250px;
	background:url(../../i/star-lol-bg-2.png) top center no-repeat;
}

.lol-bottom-area .top{height:458px;}
.lol-bottom-area .top ul{border-top:5px solid #cd3005;}
.lol-bottom-area .top li{
	position:relative;
	float:left;
	width:199px;height:458px;
	border-right:1px solid #212121;
	cursor:pointer;
}
.lol-bottom-area .top .pdd{width:200px;}
.lol-bottom-area .top .last{border-right:none;}

.lol-bottom-area .top li .img-box{
	position:relative;
	width:100%;height:100%;
}
.lol-bottom-area .top li .img-box img{
	display:block;
	width:100%;height:100%;
}
.lol-bottom-area .top li .img-box .sub-mask{
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
	background:#000;
	opacity:.5;
	filter: alpha(opacity=50);
}

.lol-bottom-area .top li .hover-img-box{display:none;}
.lol-bottom-area .top .hover .hover-img-box{
	display:block;
	position:absolute;
	left:-9px;top:-20px;
	width:218px;height:487px;
	overflow:hidden;
	z-index:2;
}
.lol-bottom-area .top .hover .hover-img-box img{
	display:block;
	width:100%;height:100%;
}
.lol-bottom-area .top .hover .hover-img-box .name{
	position:absolute;
	top:30px;right:10px;
	width:110px;height:44px;
	background:url(../../i/star-lol-bg3.png) no-repeat;
	font-size:30px;color:#cd3005;
	text-align:center;
}
.lol-bottom-area .top .hover .hover-img-box .play-ico{
	position:absolute;
	top:130px;left:50%;
	margin-left:-53px;
	width:106px;height:106px;
	background:url(../../i/star-lol-play.png) no-repeat;
}

.lol-bottom-area .top .hover .hover-img-box .info{
	position:absolute;
	bottom:165px;left:0;
	width:100%;height:28px;line-height:28px;
	font-size:20px;color:#fff;
	text-align:center;
}
.lol-bottom-area .top .pdd .hover-img-box .play-ico{
  top: 195px !important;
}
.lol-bottom-area .top .pdd .hover-img-box .info{
  bottom: 60px !important;
}
.lol-bottom-area .top .hover .hover-img-box .info p{
  width: 100px;
  margin: 0 auto;
  background: #000;
  background: rgba(0,0,0,.5);
}

.lol-bottom-area .top .height-light li .sub-mask{
	display:none;
}


.lol-bottom-area .bottom{
	position:relative;
	z-index:5;
}
.lol-bottom-area .bottom .sub-left{
	position:relative;
	float:left;
	padding-top:138px;
	margin-top:-149px;
	width:500px;height:396px;
	background:url(../../i/star-lol-left-bg.png) no-repeat;
	z-index:5;
}

.lol-bottom-area .bottom .height-light-left{
	background:url(../../i/star-lol-left-heightLight-bg.png) no-repeat;
	z-index:1;
}

.lol-bottom-area .bottom .sub-left .left-btn{
	position:absolute;
	top:4px;left:0;
	width:68px;height:158px;
	background:url(../../i/star-lol-left-btn.png) no-repeat;
	z-index:1;
}
.lol-bottom-area .bottom .sub-left .left-btn:hover{background-position:-68px 0;}
.lol-bottom-area .bottom .sub-left .left-btn:active{background-position:-136px 0;}

.lol-bottom-area .bottom .now-team li{
	position:relative;
	float:left;
	cursor:pointer;
}
.lol-bottom-area .bottom .now-team li img{
	position:absolute;
	top:-12px;left:-9px;
	display:none;
}
.lol-bottom-area .bottom .now-team .now-team-1{
	height:396px;width:98px;
}
.lol-bottom-area .bottom .now-team .now-team-2{
	margin-top:25px;
	height:371px;width:99px;
}
.lol-bottom-area .bottom .now-team .now-team-3{
	margin-top:52px;
	height:344px;width:99px;
}
.lol-bottom-area .bottom .now-team .now-team-4{
	margin-top:78px;
	height:318px;width:99px;
}
.lol-bottom-area .bottom .now-team .now-team-5{
	margin-top:104px;
	height:292px;width:105px;
}

.lol-bottom-area .bottom .now-team .now-team-1 img{
	height:425px;width:115px;
}
.lol-bottom-area .bottom .now-team .now-team-2 img{
	height:398px;width:126px;
}
.lol-bottom-area .bottom .now-team .now-team-3 img{
	height:373px;width:117px;
}
.lol-bottom-area .bottom .now-team .now-team-4 img{
	height:347px;width:117px;
}
.lol-bottom-area .bottom .now-team .now-team-5 img{
	height:320px;width:125px;
}
.lol-bottom-area .bottom .now-team .hover img{display:block;}
.lol-bottom-area .bottom .now-team .name{display:none;}
.lol-bottom-area .bottom .now-team .hover .name{
	display:block;
	position:absolute;
	bottom:30px;right:-9px;
	width:80px;height:35px;line-height:35px;
  background:#000;
	background:rgba(0,0,0,.5);
	font-size:18px;color:#fff;
	text-align:center;
}
.lol-bottom-area .bottom .now-team .play{display:none;}
.lol-bottom-area .bottom .now-team .hover .play{
	display:block;
	position:absolute;
	top:50%;left:50%;
	margin:-40px 0 0 -40px;
	width:80px;height:80px;
	background:url(../../i/star-lol-play2.png) no-repeat;
}

.lol-bottom-area .bottom .now-team .now-team-1 .play{
	margin-left:-40px
}
.lol-bottom-area .bottom .now-team .now-team-2 .play{
	margin-left:-36px
}
.lol-bottom-area .bottom .now-team .now-team-3 .play{
	margin-left:-40px;}
.lol-bottom-area .bottom .now-team .now-team-4 .play{
	margin-left:-40px;}
.lol-bottom-area .bottom .now-team .now-team-5 .play{
	margin-left:-39px;}

.lol-bottom-area .bottom .now-team .now-team-1 .name{
	right:-3px;
}
.lol-bottom-area .bottom .now-team .now-team-2 .name{
	right:-9px;
}
.lol-bottom-area .bottom .now-team .now-team-3 .name{
	right:-4px;
}
.lol-bottom-area .bottom .now-team .now-team-4 .name{
	right:-4px;
}
.lol-bottom-area .bottom .now-team .now-team-5 .name{
	right:-6px;
}

.lol-bottom-area .bottom .left-vote{
	padding:60px 0 0 20px;
}
.lol-bottom-area .bottom .left-vote .h2{
	margin-bottom:34px;
	height:30px;line-height:30px;
	font-size:30px;color:#333;
}
.lol-bottom-area .bottom .left-vote li{
	margin-bottom:15px;
	height:20px;
	font-size:0;
}
.lol-bottom-area .bottom .left-vote li .checkbox,
.lol-bottom-area .bottom .left-vote li .checkboxed{
	width:20px;height:20px;
	background:url(../../i/star-lol-checkbox-bg.png) no-repeat;
  cursor:pointer;
}
.lol-bottom-area .bottom .left-vote li .checkboxed{
	background-position:0 -20px;
}
.lol-bottom-area .bottom .left-vote li .row-left{
	margin-left:10px;
	width:100px;
	font-size:18px;color:#333;
}
.lol-bottom-area .bottom .left-vote li .bar-num{
	font-size:14px;color:#4f6cb2;
}
.lol-bottom-area .bottom .left-vote li .bar{
	margin:0 5px;
	width:0;height:12px;
	background:#4f6cb2;
}

.lol-bottom-area .bottom .sub-left-btn{
	margin-top:20px;
	width:430px;
	text-align:center;
}
.lol-bottom-area .bottom .sub-left-btn a{
	display:inline-block;*display:inline;*zoom:1;
	width:220px;height:46px;line-height:46px;
	background:#4f6cb2;
	font-size:18px;color:#fff;
	text-align:center;
}
.lol-bottom-area .bottom .sub-left-btn a:hover{background:#6481c8;}
.lol-bottom-area .bottom .sub-left-btn a:active{background:#375292;}
.lol-bottom-area .bottom .sub-left-btn .disable-btn,
.lol-bottom-area .bottom .sub-left-btn .disable-btn:hover,
.lol-bottom-area .bottom .sub-left-btn .disable-btn:active{
	background:#666;color:#ccc;
}
.lol-bottom-area .bottom .sub-right{
	position:relative;
	float:right;
	padding-top:138px;
	margin-top:-149px;
	width:500px;height:396px;
	background:url(../../i/star-lol-right-bg.png) no-repeat;
}

.lol-bottom-area .bottom .height-light-right{
	background:url(../../i/star-lol-right-heightLight-bg.png) no-repeat;
	z-index:1;
}

.lol-bottom-area .bottom .sub-right .right-btn{
	position:absolute;
	top:4px;right:0;
	width:68px;height:158px;
	background:url(../../i/star-lol-right-btn.png) no-repeat;
	z-index:1;
}
.lol-bottom-area .bottom .sub-right .right-btn:hover{background-position:-68px 0;}
.lol-bottom-area .bottom .sub-right .right-btn:active{background-position:-136px 0;}

.lol-bottom-area .bottom .sub-right .hg-team{height:396px;}
.lol-bottom-area .bottom .sub-right .hg-team li{
	position:relative;
	float:left;
	cursor:pointer;
}
.lol-bottom-area .bottom .sub-right .hg-team li.nonPointer{ cursor: default; }
.lol-bottom-area .bottom .sub-right .hg-team li p{
	position:absolute;
	font-size:16px;color:#bfbdbd;
	width:20px;text-align:center;
}
.lol-bottom-area .bottom .sub-right .hg-team .hg-team-1{
	margin-top:104px;
	width:105px;height:292px;
}
.lol-bottom-area .bottom .sub-right .hg-team .hg-team-2{
	margin-top:78px;
	width:99px;height:318px;
}
.lol-bottom-area .bottom .sub-right .hg-team .hg-team-3{
	margin-top:52px;
	width:99px;height:344px;
}
.lol-bottom-area .bottom .sub-right .hg-team .hg-team-4{
	margin-top:25px;
	width:99px;height:371px;
}
.lol-bottom-area .bottom .sub-right .hg-team .hg-team-5{
	width:97px;height:396px;
}

.lol-bottom-area .bottom .sub-right .hg-team .hg-team-1 p{
    bottom: 40px;
    left: 42px;
}
.lol-bottom-area .bottom .sub-right .hg-team .hg-team-2 p{
    bottom:40px;
    left: 35px;
}
.lol-bottom-area .bottom .sub-right .hg-team .hg-team-3 p{
    bottom:40px;
    left: 50px;
}
.lol-bottom-area .bottom .sub-right .hg-team .hg-team-4 p{
    bottom:75px;
    left: 48px;
}
.lol-bottom-area .bottom .sub-right .hg-team .hg-team-5 p{
    bottom:75px;
    left: 44px;
}

.lol-bottom-area .bottom .sub-right .hg-team .arrow{
	display:none;
	position:absolute;
	bottom:0;left:50%;
	margin-left:-11px;
	width:23px;height:11px;
	background:url(../../i/star-lol-arrow.png) no-repeat;
}
.lol-bottom-area .bottom .sub-right .hg-team .active .arrow{
	display:block;
}

.lol-bottom-area .bottom .sub-right .tabc{
	position:relative;
	padding:60px 0 0 26px;
}
.lol-bottom-area .bottom .sub-right .tabc .h2{
	height:30px;line-height:30px;
	font-size:30px;color:#333;
}
.lol-bottom-area .bottom .sub-right .tabc .title{
	height:40px;line-height:40px;
	font-size:18px;color:#333;
	font-weight:700;
	text-indent:2em;
}
.lol-bottom-area .bottom .sub-right .tabc .hd-explanation{
	margin-top:40px;
	padding-left:93px;
}
.lol-bottom-area .bottom .sub-right .tabc .hd-explanation .xlwb{
	display:block;
	width:318px;height:56px;
	background:url(../../i/star-lol-wb.png) no-repeat;
}
.lol-bottom-area .bottom .sub-right .tabc .hd-explanation .txwb{
	margin-top:40px;
	display:block;
	width:318px;height:56px;
	background:url(../../i/star-lol-wb.png) 0 -56px no-repeat;
}

/* footer */
.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: #333; }
.footArea .right-area .link-big:hover{ color: #1398e2; }