/*the global*/
body{font-size:12px;  font-family: "SimSun"; letter-spacing:0px; min-width:1000px; background:#000;}
a:focus,a:active,a:hover{ outline:none}

.c-txt a{ color:#00aa89;}
.c-txt a:hover{ text-decoration: underline;}

.ico-in{ display:block; background:url(http://ue2.17173cdn.com/a/lol/saishi/index/2014/img/sprite-png24.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://ue2.17173cdn.com/a/lol/saishi/index/2014/img/sprite-png24.png');}

.ico-video, .ico-video .ico-in{ display:block; width:46px; height:46px; overflow:hidden;}
.ico-video .ico-in{ background-position:0 0; _padding-top:0; _margin-top:0;}

.ico-video1, .ico-video1 .ico-in{ display:inline-block; vertical-align: middle; width:15px; height:15px; overflow:hidden;}
.ico-video1 .ico-in{ background-position:0 -50px; _padding-top:50px; _margin-top:-50px;}

/*.ico{ vertical-align: middle; display:inline-block; background:url(http://ue2.17173cdn.com/a/lol/saishi/index/2014/img/sprite-png24.png) no-repeat;}
.ico-video1{ display:inline-block; width:15px; height:15px; overflow: hidden; background-position:0 -50px;}*/

.gb-list2{ overflow:hidden; *zoom:1; font-size:0}
.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top}
.gb-list2-con,.gb-list2-c2,.gb-list2 .txt,.gb-list2 .tit{ display:block; *zoom:1; overflow:hidden; cursor:pointer}
.gb-list2-con{ margin-left:auto; margin-right:auto}
*html .gb-list2-con:hover{ direction:ltr}
.gb-list2-c1{ display:block;}
.gb-list2 .avatar,.gb-list2-c2,.gb-list2-c3{ font-size:12px}
.gb-list2 .txt{ width:98%; margin-left:auto; margin-right:auto; text-overflow:ellipsis; vertical-align:baseline}
.gb-list2 .cover,.gb-list2 .mask{ display:block; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; background:#000; filter:alpha(opacity:75); opacity:.75}
:root .gb-list2 .mask{ filter:none \0}
/*.gb-list2 .cover{ display:block; left:0; bottom:0; z-index:-1; background:url(http://ue3.17173cdn.com/a/v/lol/index/2014v2/img/sprite-png24.png) repeat-x 0 -80px;}*/
.gb-list2 .cover{ bottom: 0;left: 0; z-index:-1;
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -moz-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000');cursor: pointer;}

.comm-plist .gb-list2-item{ width:100%;}
.comm-plist .gb-list2-con{ color:#333; width:160px; position:relative;}
.comm-plist .gb-list2-c1{ position:relative; overflow:hidden;}
.comm-plist .gb-list2-c1 .avatar, .comm-plist .gb-list2-c1 .mask{ width:160px; height:90px;}
.comm-plist .gb-list2-c1 .mask{ display:block; z-index:1; filter:alpha(opacity:45); opacity:.45;}
.comm-plist .gb-list2-c1 .ico-video{ display:block; position:absolute; left:50%; top:22px; margin-left:-23px; z-index:10}
.comm-plist .gb-list2-c2{ padding:5px 0 15px 0; overflow:hidden; text-align:left;}
.comm-plist .gb-list2-c2 .txt{ font-size:12px; height:40px; line-height:20px; overflow:hidden;}
.comm-plist .gb-list2-c3{ position:absolute; z-index:2; top:83px; left:0; width:150px; padding:0 5px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.comm-plist .gb-list2-c3 .txt{ height:30px; line-height:30px; color:#fff;}
.comm-plist .gb-list2-c3 .txt-c1{ float:left; vertical-align:middle}
.comm-plist .gb-list2-c3 .txt-c1 .ico-video1{ margin:5px 2px 8px 0}
.comm-plist .gb-list2-c3 .txt-c2{ float:right;}
.comm-plist .gb-list2-c3 .cover{ width:176px; height:48px; }
.comm-plist .gb-list2-c3 .mask{ width:180px; height:30px;}

.comm-plist .gb-list2-con:hover .gb-list2-con{ _vertical-align:baseline;}
.comm-plist .gb-list2-con:hover .gb-list2-c1{ border-color:#23d0ff}
.comm-plist .gb-list2-con:hover .gb-list2-c1 .mask, 
.comm-plist .gb-list2-con:hover .gb-list2-c1 .ico-video{ display:none}
.comm-plist .gb-list2-con:hover .gb-list2-c2 .txt{ color:#00aa89; text-decoration: underline;}

.comm-plist-ex .gb-list2-con{ width:176px;}
.comm-plist-ex .gb-list2-c1 .avatar, .comm-plist-ex .gb-list2-c1 .mask{ width:176px; height:100px}
.comm-plist-ex .gb-list2-c3{ top:52px; height:28px; width:156px; padding:20px 10px 0;}
.comm-plist-ex .gb-list2-c3 .txt{ height:28px; line-height:28px; color:#c7c7c7;}
.comm-plist-ex .date{ position:absolute; top:5px; right:10px; font-size:12px; color:#dadada; z-index:50; display:block;}
.comm-plist-ex .gb-list2-con:hover .date{ display:none}

.comm-plist-ex1 .gb-list2-con{ width:250px;}
.comm-plist-ex1 .gb-list2-c1 .avatar, .comm-plist-ex1 .gb-list2-c1 .mask{ width:250px; height:125px}
.comm-plist-ex1 .gb-list2-c2{ padding-bottom:0;}
.comm-plist-ex1 .gb-list2-c2 .txt{ text-align: center; height:20px; font-weight: bold; white-space: nowrap;}


.col2 .gb-list2-item{ width:49.99%;}
.col3 .gb-list2-item{ width:33.32%;}
.col4 .gb-list2-item{ width:24.99%; _width:24.9%}
.col5 .gb-list2-item{ width:19.99%; _width:19.9%;}
.col7 .gb-list2-item{ width:14.28%;}

.bt{ display: inline-block; height: 24px; line-height: 24px; padding:0 10px; background: #00aa89; color:#fff;}
.bt:hover{ background: #25d1b0}

 .bt-play, .bt-play2{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; background:url(http://ue3.17173cdn.com/a/lol/saishi/index/2014/img/sprite.png) no-repeat; width:28px; height:28px; text-align:center; line-height:28px;}
.bt-play2{ background-position:0 -60px;}
.bt-play2{ font-size:12px; color:#fff;}
.bt-play2 i{ font-style:normal}
.bt-play2:hover i{ display:none;}
.bt-play2:hover{ background-position:-40px -60px;}

.bt-play{ width:22px; height: 22px; background-position: -120px -60px;}
.bt-play:hover{ background-position: -164px -60px;}

.comm-tab{ overflow:hidden; *zoom:1;}
.comm-tab .gb-tab-item{ float:left; height:60px;}
.comm-tab .gb-tab-c{ display:inline-block; overflow:hidden; height:56px; line-height: 56px; font-size:20px; color:#9ec4f8; font-weight: bold; font-family: "Microsoft Yahei";  position:relative; width: 100%; text-align: center;}
.comm-tab .gb-tab-c:hover{ text-decoration:none;}
.comm-tab .current{ color:#fff; border-bottom:4px solid #00aa89; z-index:10;}

.comm-tab1{ overflow:hidden; *zoom:1; height:25px;}
.comm-tab1 .gb-tab-item{ float:left; height:25px;}
.comm-tab1 .gb-tab-c{ float:left; overflow:hidden; height:25px; line-height:25px; font-size:14px; color:#000; padding:0 10px; border-radius:2px; font-family: "Microsoft Yahei"}
.comm-tab1 .gb-tab-c:hover{ text-decoration:underline}
.comm-tab1 .current, .comm-tab1 .current:hover{ color:#fff; background:#00aa89; text-decoration:none;}

.comm-tab2{ overflow:hidden; *zoom:1; }
.comm-tab2 .gb-tab-item{ float:left; width:82px; margin-left:45px; _display:inline;}
.comm-tab2 .gb-tab-c{ float:left; overflow:hidden; width: 100%; text-align: center;}
.comm-tab2 .gb-tab-c .gb-tab-c1{ display: block; height:25px; line-height:25px; font-size:20px; color:#000; width: 100%; border-radius:2px; font-family: "Microsoft Yahei"}
.comm-tab2 .gb-tab-c .gb-tab-c2{ display: block; color:#999; margin-top:5px;}
.comm-tab2 .gb-tab-c:hover{}
.comm-tab2 .current .gb-tab-c1, .comm-tab2 .current:hover .gb-tab-c1{ color:#fff; background:#00aa89; text-decoration:none;}
.comm-tab2 .current .gb-tab-c2{ color:#00aa89;}

.comm-pn-hd{ height:50px; padding-top:15px;}
.comm-pn-hd .tit{ color:#333; font-size:20px; line-height:50px;  float:left; font-weight:bold;font-family:"Microsoft Yahei"; margin-right:17px;}
.comm-pn-hd .tit a{ color:#333;}
.comm-pn-hd .tit a:hover{ text-decoration: underline;}
.comm-pn-hd .intro{ float: left; color:#999; margin-top:20px;}
.comm-pn-hd .more{ float:right; line-height:50px; color:#666;}
.comm-pn-hd .more a{ color:#000;}
.comm-pn-hd .more a:hover{ color:#00aa89;}
.comm-pn-hd .gb-tab{ float:left;}
.comm-pn-hd .comm-tab1{ margin-top:13px;}
.comm-pn-bd{}

.comm-pn-ex .comm-pn-hd .tit, .comm-pn-ex .comm-pn-hd .tit a{ color:#ea4e18;}

.comm-pn1-hd{ clear:both; height:32px; padding-top:5px; border-bottom:1px solid #e5e5e5;}
.comm-pn1-hd .tit{ color:#00aa89; font-size:14px; line-height:32px;  float:left; font-weight:bold;font-family:"Microsoft Yahei"; margin-right:17px;}
.comm-pn1-hd .more{ float:right; line-height:32px; color:#666;}
.comm-pn1-hd .more a{ color:#000;}
.comm-pn1-hd .more a:hover{ color:#00aa89;}

.news-list{ overflow:hidden; zoom:1;}
.news-list li{ height:28px; line-height:28px; overflow:hidden; white-space:nowrap; float:left; width:100%;}
.news-list .line{ height:10px; margin-bottom:8px;}
.news-list .line{ border-bottom:1px dotted #474747;}
.news-list .date{ font-size:12px; color:#999; float:right;}
.news-list .tit{padding-left:11px; background:url(http://ue3.17173cdn.com/a/lol/saishi/index/2014/img/sprite.png) no-repeat -350px 13px; display:block; width:83%;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  color:#8e8e8e;}
.news-list .tit a{ font-size:14px; color:#333;margin-right:10px;}
.news-list .tit a:hover{ color:#00aa89; text-decoration:underline}

.comm-tlist{ margin-bottom:-15px;}
.comm-tlist .gb-list3-con{ overflow: hidden; *zoom:1; margin-bottom:15px;}
.comm-tlist .gb-list3-c1{ margin-bottom:8px;}
.comm-tlist .gb-list3-c1 .tit a{ font-size: 14px; color:#000; font-family: "Microsoft Yahei"}
.comm-tlist .gb-list3-c1 .tit a:hover{ color:#00aa89; text-decoration: underline;}
.comm-tlist .gb-list3-c2 .avatar{ float: left; margin-right:12px;}
.comm-tlist .gb-list3-c2 .txt{ color:#999; line-height: 22px;}

/*the header*/
/*.header{ width:1000px; height:377px; margin:0 auto; position:relative;}*/

/*the sched-pn*/
.sched-pn{ width: 960px; height: 262px; padding:14px 20px; background: url(http://ue2.17173cdn.com/a/lol/saishi/index/2014/img/sched-pn.png) no-repeat; margin:0 auto;}
.sched-pn .comm-tab .gb-tab-item{ width:25%;}
.sched-pn-bd{ width: 100%; height: 194px; background: #0c2442}

.scroll-pn{ *zoom:1; position:relative; margin:0 auto;}
.scroll-pn .scroll-box{ position:relative; overflow:hidden;}
.scroll-pn .scroll-con{white-space:nowrap; font-size:0; vertical-align:top; position: relative; overflow:visible}
.scroll-pn .scroll-item{display:inline-block; float:none; *display:inline; *zoom:1; width:100%; vertical-align:top; position:relative;}
.scroll-pn .scroll-bt-prev, .scroll-pn .scroll-bt-next{position: absolute;z-index:999; display:block; overflow:hidden;}
.scroll-pn .hover .scroll-bt-prev, .scroll-pn .hover .scroll-bt-next{ display:block}
.scroll-pn .disabled{ display:none;}

.sched-pn .scroll-box{ width:960px; height:194px;}
.sched-pn .scroll-box{}
.sched-pn .bt-prev, .sched-pn .bt-next{width:30px; height:55px; top:73px; background:url(http://ue3.17173cdn.com/a/lol/saishi/index/2014/img/sprite.png) no-repeat;}
.sched-pn .bt-prev{left:-20px; background-position:0 0;}
.sched-pn .bt-next{ right:-20px; background-position:-80px 0;}
.sched-pn .bt-prev:hover{ background-position:-40px 0;}
.sched-pn .bt-next:hover{ background-position:-120px 0;}
.sched-pn .navi{ margin:0 -20px; padding-top:24px;}
.sched-pn .navi .gb-list2-item{ margin:0 6px 0 5px; width:147px;}
.sched-pn .navi .active .gb-list2-c1{ border-color:#3fe0ed}

.sched-box{ font-size:12px; color:#fff; overflow:hidden; *zoom:1; width:940px; height:136px; padding:0 10px;}
.sched-list{ width:940px; height:92px; padding-top:16px;}
.sched-item{ float:left; width:25%; height:92px;}
.sched-c1{ height: 38px; line-height: 38px; position: relative; z-index: 1;}
.sched-c1 .adorn{ display: block; width:192px; height: 3px; background: #4080d1; position: absolute; top:50%; left:50%; margin:-1px 0 0 -96px; z-index: -1}
.sched-c1 .time{ font-size: 16px; color:#fff; display: block; width:140px; text-align: center; margin:0 auto; background: #0c2442; font-family: "Microsoft Yahei"}
.sched-c2{ overflow: hidden; *zoom:1; padding:0 16px 0 17px; border-right:1px dotted #2b5c98;}
.sched-c2 .team{ float: left; text-align:center; width:60px;}
.sched-c2 .team .avatar{ margin:0 auto;}
.sched-c2 .team .avatar, .sched-c2 .team .avatar img{ display: block; width:50px; height: 50px;}
.sched-c2 .team .name{ font-size: 16px; line-height: 36px; color:#fff;}
.sched-c2 .team2{ float: right;}
.sched-c2 .vs{ margin:0 60px; overflow: hidden; *zoom:1; white-space: normal; text-align: center; color:#4080d1;}
.sched-c2 .vs .score{ display: block; font-size: 36px; font-family: "Microsoft Yahei"; line-height: 46px;}
.sched-c3{ text-align:center; font-size:0; margin-left:-3px; position:absolute; margin-top:6px; width: 235px;}
.sched-c3 .bt-play2{ margin:0 5px; margin-top:2px; font-size:16px; color:#4080d1; font-family: "Microsoft Yahei"; }

.sched-list .last .sched-c2{ border: none}
/*the content*/
.content{ width:960px; margin:0 auto; padding:20px; background: #fff;}

.first-screen-c1{ float: left; width:550px;}
.first-screen-c2{ float: right; width:372px;}

.focus-w{}
.focus-w,.focus-in{ overflow:hidden; zoom:1; width:550px; height:300px; position: relative;}
.focus-con{position: relative;}
.focus-con,.focus-item,.focus-item .img{ width: 100%; height:300px;}
.focus-item{ position:absolute; left:0; top:0;}
.focus-item img{ width:100%; height:100%}
.focus-item .txt{ overflow:hidden; white-space:nowrap}
.focus-item .txt:hover .tit{ text-decoration: none;}

.focus-item  .mask{position: absolute; z-index:-1; top:0; left:0; width:550px; height:400px; width:100%\0; height:100%\0; background:#000; filter:alpha(opacity:70); opacity: .70;}
.focus-item .tit{ position:absolute; left: 0; bottom: 0;z-index: 3; overflow: hidden; font: normal 18px/40px "Microsoft Yahei"; color: #fff; width:430px; padding:0 60px 14px 60px; height: 56px; text-align: center;}

.focus-item a:hover .tit{ text-decoration:underline}
.focus-item .bg{ display:block; position:absolute; z-index:-1; top:0; left:0; width:1000px; height:1000px; background:#1f0806; filter:alpha(opacity:70); opacity:.7}
.focus-num{ overflow:hidden;  height:20px; position: absolute; width:100%; bottom:10px; right: 0; z-index: 10; text-align: center; font-size: 0;}
.focus-num a{ display:inline-block;width: 16px; height: 16px;  background-color: #5a5a5a; margin:0 4px; border-radius: 50%; border: 2px solid #5a5a5a;}
.focus-num a:hover{ text-decoration:none}
.focus-num .current{border-color: #06a4f3; background: none;}

.focus-w .bt-prev, .focus-w .bt-next{ display:block; width:28px; height:55px; bottom:8px; background:url(http://ue3.17173cdn.com/a/lol/saishi/index/2014/img/sprite.png) no-repeat; position: absolute; z-index: 10; cursor: pointer;}
.focus-w .bt-prev{left:20px; background-position:-164px 0;}
.focus-w .bt-next{ right:20px; background-position:-280px 0;}
.focus-w .bt-prev:hover{ background-position:-200px 0;}
.focus-w .bt-next:hover{ background-position:-240px 0;}

.focus-news-pn{ background:url(http://ue3.17173cdn.com/a/lol/saishi/index/2014/img/sprite.png) repeat-x 0 -100px;}
.focus-news-pn .comm-pn-hd{ padding-top:0px;}
.focus-news-pn .comm-pn-bd{}

.focus-news{ margin-top:3px;}
.focus-news a:hover{ color:#00aa89; text-decoration:underline}
.focus-news .top-news{overflow:hidden; width:100%; font:normal 20px/40px "Microsoft Yahei"; white-space:nowrap; text-overflow:ellipsis; color:#911e1e;}
.focus-news .c-link1{ color:#911e1e; font-weight: bold; }
.focus-news .rel-links{ line-height:24px; padding:6px 0;}
.focus-news .c-link2{ margin:0 3px; color:#a9afba; font-family:"SimSun";}
.focus-news .sign-top{ display:inline-block; height:20px; padding:0 6px; font:normal 12px/20px "SimSun"; color:#fff; background:#911e1e; vertical-align:middle; border-radius:2px; margin:9px 5px 11px 0;}

.hot-topic-box{}
.hot-topic-c1{ float: left;}
.hot-topic-c1 a, .hot-topic-c1 img{ display: block; width:160px; height: 100px;}
.hot-topic-c2{ float: left; width:369px; height:98px; padding-left:20px; border: 1px solid #e5e5e5; border-left:none; position: relative;}
.hot-topic-c2 .tit{ padding:8px 0 5px 0;}
.hot-topic-c2 .tit a{ color:#000; font-size: 20px; font-family: "Microsoft Yahei"}
.hot-topic-c2 .tit a:hover{ color:#00aa89;}
.hot-topic-c2 .txt{ font-size: 12px; color:#333; line-height: 22px;}
.hot-topic-c2 .bt{ position: absolute; bottom:-1px; right:-1px;}
.hot-topic-c2 .adorn{ display: block; width:26px; height: 26px; background:url(http://ue3.17173cdn.com/a/lol/saishi/index/2014/img/sprite.png) no-repeat -80px -60px; position: absolute; top:-1px; right:-1px; _right:-2px;}

.watch-pn .comm-pn-bd{ overflow: hidden; *zoom:1; margin-right:-50px;}
.watch-box{ float: left; width:176px; margin-right:11px;}
.watch-box .tit{ font-size: 14px; color:#333;  font-family: "Microsoft Yahei"; margin-bottom:5px;}

/*the area1*/
.area{ margin-top:20px;}
.area1-c1{ float: left; width:670px; padding-right:40px; border-top:1px solid #eee;}
.area1-c2{ float: right; width:250px;}

.video-pn .comm-plist, .img-news-pn .comm-plist{ margin:0 -4px;}
.video-pn .comm-pn-hd .tit{ margin-right:55px;}
.video-box{ min-height: 300px; _height:300px;}

.special-pn{ background:url(http://ue2.17173cdn.com/a/lol/saishi/index/2014/img/special-pn.jpg) no-repeat 0 0; padding:60px 0 0 0;}

.pre-pn .comm-pn-hd{ margin-bottom:5px;}
.pre-pn .comm-pn-hd .gb-tab{ float: right;}

.pre-table{ width: 100%;}
.pre-table .first{ padding-left:3px;}
.pre-table .last{ padding-right:3px; text-align: right;}
.pre-table thead th{ height: 30px; background: #00aa89; font-size: 14px; color:#fff; font-family: "Microsoft Yahei"}
.pre-table tbody td{ height: 37px; border-bottom:1px solid #eee; font-size: 14px; color:#000;}
.pre-table tbody .team{ width:30%;}
.pre-table tbody .team img{ vertical-align: middle; margin-right:5px;}
.pre-table tbody .score{ width:15%;}
.pre-table tbody .video{ width:5%;}
.pre-table tbody tr:hover td{ background: #efefef}

/*the old*/
/* pn-search */
.pn-search { padding: 50px 0 50px 237px; width:763px; margin:0 auto; overflow: hidden; *zoom:1;}
.pn-search .tit { float: left; color: #00b7ee; font-size: 20px; font-family: Microsoft YaHei; line-height: 35px; margin-right: 10px }
.search-box3 { height: 35px; position: relative; width: 354px; float: left }
.search-box3 .txt { width: 265px; padding: 0 77px 0 10px; color: #585858; background: #000; border: 1px solid #343434; height: 33px; line-height: 33px }
.search-box3 .btn { border: none; width: 77px; height: 35px; cursor: pointer; position: absolute; right: 0; top: 0; background: url(http://ue2.17173cdn.com/images/lol/index/2013v2/b2.png) 0 -146px; color: #fff; *top:1px
}
/* pn-site */
.pn-site { border-top: 1px solid #23262b; padding: 40px 0; margin-top: 15px }
.pn-site .site-box { width: 1000px; margin: 0 auto }
.list-site { overflow: hidden; *zoom:1
}
.list-site .item { float: left; width: 20%; text-align: center }
.list-site .tit { color: #00a0e9; font-size: 16px; font-weight: bold; padding-bottom: 5px; font-family: Microsoft YaHei }
.list-site .con { margin-bottom: 5px }
.list-site .link { color: #404e67; font-size: 14px }
.list-site .link:hover { text-decoration: underline }
/* global-footer */
.global-footer { color: #333e51 }
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active { color: #333e51; padding: 0 15px }
