body { font-family:"\5b8b\4f53"; font-size:12px; background: url(./images/dota/2012/body_repeat_y.gif) repeat-y center top; }
#wrap-in { background: url(./images/dota/2012/top-wrap.jpg) center top no-repeat }
#header { position:relative; width:970px; height:392px; background: url(./images/dota/2012/header.jpg) no-repeat; margin:0 auto }
#header .logo, #header .bbs { display:block; overflow:hidden; position:absolute; line-height:999em }
#header .logo { top:130px; right:34px; width:390px; height:70px }
#header .bbs { bottom:77px; right:8px; width:120px; height:46px }
/*comm pic*/

.search-box, .links-search .btn { background:  url(./images/dota/2012/head-bg2.jpg) no-repeat }
.nav-item, .nav-menu .con { background:url(./images/dota/2012/icon.png) no-repeat; }
.nav { position:absolute; z-index:3; left:34px; top:272px; height:33px }
.nav-item { float:left; padding:2px; margin-left:-2px; background-position:0 0px; position:relative }
.nav .first { background:none; }
.nav-con { display:inline-block; position:relative; padding:0 17px; line-height:33px; font-size:14px; color:#d3b19f }
.nav-item .current { text-decoration:none; color:#fdd64e; font-weight:bold; }
.nav-item .current:hover { color:#fdd64e;}
.nav-con:hover { color:#fdeadf; text-decoration:none }
.nav-con .arrow { display:inline-block; overflow:hidden; position:absolute; top:14px; width:0; height:0; margin-left:2px; font-size:0; border-top-width:4px; border-top-style:solid; border-bottom:4px dashed transparent; border-left:4px dashed transparent; border-right:4px dashed transparent }
.nav-menu { overflow:hidden; position:absolute; padding:1px; border:1px solid #340a08; visibility:hidden; filter:none!important }
.nav-menu-list { overflow:hidden; *zoom:1
}
.nav-menu .item {
*zoom:1; margin-top:-1px; padding-left:5px; border-top:1px solid #340a08 }
.nav-menu .con {
*zoom:1; padding:0 10px; color:#644645; line-height:28px; background-position:0 -80px; white-space:nowrap }
.nav-menu .item:hover { background-color:#1c0403; }
.nav-menu .con:hover { color:#9e6a68; }
.nav-menu-init { display:none; visibility:visible }
.nav-menu-init .con { display:block }
.nav-menu-bg { position:absolute; z-index:-1; top:0; left:0; width:1000px; height:1000px; background:#2c0201;/* filter:alpha(opacity:70); opacity:.7*/ }
.subnav { position:absolute; bottom:0px; width:100%; height:67px }
.fast-track { float:left; width:750px; overflow:hidden; }
.fast-track .item { float:left; padding-left:20px; font-size:0; line-height:30px }
.fast-track .aline { float:none }
.fast-track .tit { float:left; font-size:12px; font-weight:bold; color:#91856a }
.fast-track .con { float:left; font-size:12px; white-space:nowrap }
.fast-track a { color:#625d50 }
.fast-track .sep { margin:0 7px 0 6px; color:#3b3b3b }
.search-box { float:right; height:31px; margin:15px 15px 0 0; width:204px; border-bottom:1px solid #423729; border-right:1px solid #423729; overflow:hidden; background-position:0 0; background-color:#2b2c29; }
.search-box .label { float:left; display:none }
.search-box .txt { background: none; border: none; float: left; height: 31px; overflow: hidden; padding-left:23px; color:#60615e; width: 130px; line-height:31px; }
.search-box .btn { overflow:hidden; background:none; float:left; *zoom:1;
width:45px; height:31px;/* padding-top:3px\9;color:#fff;background-color:#398ece;background-position:-57px -62px;*/ border:0; cursor:pointer }
.event { background: url(./images/dota/2012/event_repeat_y.gif) repeat-y; width:970px; margin:0 auto; *zoom:1 }
.event-in { background: url(./images/dota/2012/event-in.gif) no-repeat center top; overflow:hidden; *zoom:1; padding:15px}
#content { width:970px; margin:0 auto; background:url(./images/dota/2012/content_repeat_y.jpg) repeat-y center top; position:relative; }
.content-top { background: url(./images/dota/2012/bg_main2.gif) no-repeat center top; }
.content-bottom { background: url(./images/dota/2012/content-bo.jpg) no-repeat center bottom; min-height:700px; _height:700px; _overflow-y:visible; }
.bq-posi { background:url(./images/dota/2012/float_bj.gif) no-repeat; height:29px; width:10px; position:absolute; left:-10px; top:-10px; z-index:50; }
.con-bg-t { height:10px; background:url(./images/dota/2012/conbg-t.png) no-repeat left top; position:absolute; top:-10px; width:970px; left:0; }
#footer { background:url(./images/dota/2012/footer_repeat_x.gif) repeat-x left top; height:445px; overflow:hidden; }
.links { width:970px; margin:0 auto; *zoom:1
}
.links-search { margin-top:22px; padding-left:168px; height:33px; overflow:hidden; line-height:33px; *zoom:1
}
.links-search .ss-txt { float:left; padding-left:30px; color:#91816b; padding-right:20px; height:33px; line-height:33px; font-size:20px; font-family:"\5fae\8f6f\96c5\9ed1"; background:url(./images/dota/2012/icon-search.png) left center no-repeat; }
.links-search .label { float:left; display:none }
.links-search .txt { background:#181612; border:1px solid #000; float: left; height:31px; overflow: hidden; padding:0 5px; color:#3c3c3c; width:450px; line-height:31px; }
.links-search .btn { overflow:hidden; float:left; *zoom:1;
background-position:-250px 0; width:56px; height:33px; border:0; cursor:pointer }
.links-link { margin-top:50px; overflow:hidden; padding-left:40px; height:220px; }
.link-item { width:177px; border-right:1px solid #1e1815; float:left; font-size:14px; text-align:center; }
.link-item .hd { color:#f4e3ad; font-weight:bold; margin-bottom:10px; }
.link-list li { height:28px; line-height:28px; overflow:hidden; color:#53483c; }
.link-list li a { color:#53483c; }
.link-list li a:hover { text-decoration:underline; }
.bn { border:none; }
/*style-gb*/
a:hover { text-decoration:underline; _vertical-align:baseline }
.hd, .pn-hd { overflow:hidden; *zoom:1
}
.hd .tit, .pn-hd .tit { float:left; font-size:14px; font-weight:bold }
.hd .more, .pn-hd .more { float:right }
.bd, .pn-bd { *zoom:1
}
.gb-list1 .date { float:right }
.gb-list2 { overflow:hidden; *zoom:1;
font-size:0; text-align:center }
.gb-list2-item { display:inline-block; float:left; *display:inline;
*zoom:1;
vertical-align:top }
@media all and (-webkit-min-device-pixel-ratio:0) {
.gb-list2 {
letter-spacing:-4px;
word-spacing:-4px
}
.gb-list2-item {
letter-spacing:normal;
word-spacing:normal
}
}
.gb-list2-con, .gb-list2-c1, .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 .avatar, .gb-list2-c2 { font-size:12px }
.gb-list2 .txt { width:98%; margin-left:auto; margin-right:auto; text-overflow:ellipsis }
.gb-list2 .cover, .gb-list2 .mask { display:none; overflow:hidden; position:absolute }
.gb-list2 .cover { z-index:2 }
.gb-list2 .mask { z-index:-1; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity:75);
opacity:.75 }
:root .gb-list2 .mask { filter:none \0 }
.gb-list2-con:hover { text-decoration:none }
.gb-list2-con:hover .txt { text-decoration:underline }
.gb-list3 .item { float:left }
.gb-list3 .pic { float:left }
.gb-list3 .img { display:block; position:relative }
.gb-list3 .icon { position:absolute; display:none }
.gb-list3 .text { overflow:hidden; zoom:1 }
*html .gb-list3 .img:hover { direction:ltr }
.gb-list3 .img:hover .icon { display:block }
.gb-tab { *zoom:1
}
.gb-tab-b1, .gb-tab-b2 { position:absolute; display:none; overflow:hidden; cursor:pointer }
.gb-tab-c:hover { text-decoration:none }
.gb-rank { *zoom:1
}
.gb-rank .item { clear:both; vertical-align:bottom }
.gb-rank .rank-c1 { float:left }
.gb-rank .rank-c2, .gb-rank .info { overflow:hidden; *zoom:1
}
.gb-rank .num { display:inline; float:left; text-align:center }
.gb-rank .pic { display:none }
.gb-rank .info { display:none }
.gb-rank .title { overflow:hidden }
.gb-rank .date { float:right }
.gb-rank .title2 { overflow:hidden; width:98%; white-space:nowrap; text-overflow:ellipsis }
.gb-rank .top { overflow:hidden }
.gb-rank .top .pic { float:left; display:inline; position:relative }
.gb-rank .top .pic a { display:block }
.gb-rank .top .info { display:block }
.gb-rank .top .tit { overflow:hidden }
.gb-rank .top .title { display:none }
/*event*/
.event-c2 .hd .more .pptv, .event-c3 .btn .page-btn { background:url(./images/dota/2012/index-bg1.png) no-repeat; }
.event-c1-num a { background:url(./images/dota/2012/index-bg1.png) no-repeat; }
.event-c2 .hd, .event-c2 .hd .scb-list .current { background:url(./images/dota/2012/event.jpg) no-repeat; }
.event-in {}
.event-c1 { float:left; width:212px; position:relative; margin:20px 10px 0 0}
.event-c2 { float:left; width:459px }
.event-c3 { float:right; width:244px; }
.event-c1-con { background-color:#413d30; padding:2px; width:206px; height:76px; overflow:hidden }
.event-c1-item img { height:76px; width:206px; border:1px solid #000b49 }
.event-c1-item { position:absolute; top:0; left:0; border:1px solid #000b49 }
.event-c1-num { overflow:hidden; position:absolute; z-index:4; bottom:-26px; left:2px; height:23px }
.event-c1-num a { display:inline-block; float:left; width:40px; height:23px; margin-left:1px; font:normal 13px/23px "\5fae\8f6f\96c5\9ed1"; text-align:center; color:#90703c; background-position:0 -158px; }
.event-c1-num a:hover { text-decoration:none }
.event-c1-num .current { color:#ffae00; background-position:0 -187px; }
.event-c2 .hd { padding:0 10px 0 0; height:28px; line-height:28px; background-position:0 0; position:relative }
.event-c2 .hd .tit { padding-left:23px; color:#fdd64e; font-weight:bold; line-height:28px; font-size:12px }
.event-c2 .hd .more { color:#fdd64e; }
.event-c2 .hd .more .pptv { display:inline-block; background-position:-84px -187px; padding-left:20px; color:#2c93d2; }
.event-c2 .hd .scb-list { position:absolute; left:70px; top:0px; }
.event-c2 .hd .scb-list .gb-tab-item { float:left; display:inline; width:29px; height:26px; margin:0 3px; line-height:26px; padding-top:2px }
.event-c2 .hd .scb-list .gb-tab-c { float:left; width:29px; height:26px; display:block; color:#8f7467; text-align:center; }
.event-c2 .hd .scb-list .current { background-position:-470px -2px; color:#fdd64e }
.event-c2 .table1, .event-c2 .table2, .event-c2 .table3 { background:url(./images/dota/2012/ss.jpg) no-repeat; }
.event-c2 .table1 { background-position: 0 0; margin-top:10px; height:81px; font-family:Arial; color:#91856a }
.event-c2 .table1 img, .event-c2 .table2 img, .event-c2 .table3 img, .event-c2 .table4 img { margin:0 1px; }
.event-c2 .table1 td { padding-left:30px; }
.event-c2 .table2 { background-position:0 -86px; margin-top:20px; height:53px; font-family:Arial; font-size:24px; color:#91856a }
.event-c2 .table3 { background-position:0 -144px; color:#91856a; margin-top:10px; }
.event-c2 .table4 { margin-top:10px; overflow:hidden; *zoom:1;
color:#91856a }
.event-c2 .table4 .yelow { color:#fffc00; }
.event-c2 .table4-left { width:242px; overflow:hidden; float:left }
.event-c2 .table4-right { width:217px; overflow:hidden; float:right }
.event-c3 .btn { position:relative; }
.event-c3 .btn .page-btn { display:block; cursor:pointer; height:32px; width:19px; overflow:hidden; font-size:0; position:absolute; top:60px; z-index:999; }
.event-c3 .btn .prev { background-position:0 -219px; left:0px; }
.event-c3 .btn .next { background-position:-25px -219px; right:0px; }
.event-c3 .pic { margin: 0 auto; overflow: hidden; padding-top:10px; position: relative; width:195px; height:129px }
.event-c3 .pic .items { overflow:hidden; *zoom:1
}
.event-c3 .pic .item { float:left; width:195px; }
.event-c3 .pic .item li { float:left; display:inline; width:90px; padding:0 3px 10px; }
.event-c3 .pic .items a { border:1px solid #2b261a; display:block }
.event-c3 .pic .items a:hover { border:1px solid #7a682c; }
.event-c3 .pic .items-c1, .items-c2 { display:block; text-align:center; }
.event-c3 .pic .items-c1 img { width:88px; height:31px; }
.js-scrollable, .js-scrollable-auto { overflow: hidden; position: relative; }
.js-scrollable .items, .js-scrollable-auto .items { position: relative; width: 20000em; }
.js-scrollable .items .item, .js-scrollable-auto .items .item { display: inline; float: left; }
.js-scrollable-vertical, .js-scrollable-vertical-auto { overflow: hidden; position: relative; }
.js-scrollable-vertical .items, .js-scrollable-vertical-auto .items { height: 20000em; position: relative; }
.js-scrollable-vertical .items .item, .js-scrollable-vertical-auto .items .item { clear: both; }
/*footer*/
.global-footer, .global-footer a:link, .global-footer a:visited, .global-footer a:active, .global-footer a:hover { color: #484139; }
.global-footer { padding-top:20px; }