.match-area1-c1 .hd,.match-area2 .hd,.match-area2-c1 .num,.match-area3 .pn-hd,.match-area1-c2 .hd .gb-tab .current,.match-area1-c2 .hd .gb-tab .current .icon,.scrollbar .handle,.direct-area1 .hd .gb-tab-c,.direct-area2 .hd,.direct-area2-c1 .hd .current,.direct-area2-c1 .hd .gb-tab .current .icon,.direct-area2-c2 .hd .tit, .direct-area3-c2 .hd,.direct-area1-c2 .talk li .date,.direct-area3-c2 .bd .btn{ background:url(//ue.17173cdn.com/images/dota2/index/2013/spbg1.png) no-repeat; }
#header .head-zt{ position:absolute; height:43px; width:428px; background:url(//ue.17173cdn.com/images/dota2/index/2013/head-zt.jpg) no-repeat 0 -70px; left:350px; top:240px; }

/*comm css*/
.cmm-video .gb-list2-item{ width:24.99%; margin-bottom:15px;}
.cmm-video .gb-list2-con{ width:140px; color:#513811}
.cmm-video .gb-list2-c1{ position:relative; padding:4px; border:1px solid #b29260}
.cmm-video .cover{ display:block; left:4px; top:4px; width:130px; height:98px;  background: url(//ue.17173cdn.com/images/dota2/index/2013/video-cover.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='//ue.17173cdn.com/images/dota2/index/2013/video-cover.png')}
.cmm-video .gb-list2-con:hover .cover{ display:none; _filter:none}
.cmm-video .avatar{ width:130px; height:98px}
.cmm-video .gb-list2-c2{ padding:5px 0; line-height:20px;}
.cmm-video .txt{ height:40px;}


.match{ background:url(//ue.17173cdn.com/images/dota2/index/2013/video-cont.jpg) repeat-y; }
.match-mod{ overflow:hidden; *zoom:1; margin-top:10px;}
.match-area1{ padding:17px 7px 0}
.match-area1-c1{ width:280px; float:left;}
.match-area1-c2{ width:665px; float:right}
.match-area1-c1 .hd{background-position:-670px -70px;padding:0 10px; height:40px; line-height:40px;} 
.match-area1-c1 .hd .tit{ color:#fff; font-size:14px; font-weight:bold}
.match-area1-c1 .bd{ border:1px solid #ddc6aa; border-top:none; background-color:#f5eddb; padding:8px}

.match-area1-c1 .pic{ margin:0 auto; width:184px; height:154px; position:relative}
.match-area1-c1 .pic .img{ display: block; width:184px; height:154px; display:block;}
.match-area1-c1 .pic .avatar{ width:184px; height:154px; position:absolute; top:0; left:0 }
.match-area1-c1 .pic .text{z-index:3;overflow:hidden; height:30px; line-height:30px; width:184px; text-align:center;  position:absolute; bottom:0; left:0; color:#fff;}
.match-area1-c1 .pic .text a{ color:#fff}
.match-area1-c1 .pic .bg{ display:block;z-index:-1; top:0; left:0; position: absolute; width:1000px; height:1000px; background:#000; filter:alpha(opacity:75); opacity:.75}
:root .match-area1-c1 .pic .bg{filter:none \0}

.match-area1-c1 .gkzb{ margin:10px auto; width:96px; text-align:center; height:23px; line-height:23px; color:#ffeee7; display:block; background:url(//ue.17173cdn.com/images/dota2/index/2013/spbg1.png) no-repeat; background-position:-270px -120px}

.match-area1-c1 .info{ width:244px; height:127px; padding:10px; background:url(//ue.17173cdn.com/images/dota2/index/2013/infobg.jpg) no-repeat;}
.match-area1-c1 .info p{ line-height:24px; color:#1a1313;}
.match-area1-c1 .eight{ overflow:hidden; *zoom:1}
.match-area1-c1 .eight .tit{ height:30px; line-height:30px; color:#502e20; font-weight:bold; font-size:14px;}
.match-area1-c1 .eight a{ display:inline-block; _display:inline; width:65px; height:60px; float:left; margin-bottom:10px;}
.match-area1-c1 .eight a img{ width:65px; height:60px;}

.match-area1-c2 .hd{ height:29px; line-height:29px; overflow:visible; background:url(//ue.17173cdn.com/images/dota2/index/2013/spbg1.png) no-repeat; background-position:0 -280px;}
.match-area1-c2 .hd .gb-tab-item { float:left;}
.match-area1-c2 .hd .gb-tab-c { color:#fff; position: relative; width:73px; height: 29px; display: block; text-align: center; line-height: 29px; }
.match-area1-c2 .hd .gb-tab .current,.match-area1-c2 .hd .gb-tab-c:hover{ background-position:-630px -160px; text-decoration:none }
.match-area1-c2 .hd .gb-tab .current .icon { bottom: -5px; _bottom: -15px; left:50%; margin-left:-3px; background-position:-661px -191px;width: 12px; height: 5px; position: absolute; }
.match-area1-c2 .bd{ padding-top:10px; position:relative; height:530px; width:665px}
.match-area1-c2 .bd .scrollbody-wrap{ height:530px; overflow:hidden}
.match-area1-c2 .bd .scrollbody-wrap ul{ overflow: hidden;*zoom:1}
.match-area1-c2 .bd .scrollbody-wrap li{ margin-top:10px;overflow: hidden;*zoom:1}
.match-area1-c2 .bd .scrollbar-wrap {position: absolute;right:5px;top: 10px;height: 100%;width:2px;}
.scrollbar {position: relative;background: #251a1a;height: 530px;}
.scrollbar .handle {position: absolute; background-position:-958px -210px;top:0;left: -4px;cursor: pointer;height:59px;width:12px;}



.match-area1-c2 .table-left{ width:310px; float:left; margin-right:20px;}
.match-area1-c2 .table-right{ width:317px; float:left}
.match-area1-c2 .table-center{ width:98%; float:left; margin-top:10px}
.match-area1-c2 table td{ background-color:#d0bc9a; text-align:center; height:35px; border-top:1px solid #af9b7a;border-left:1px solid #af9b7a; color:#382118;}
.match-area1-c2 table  .img{ background-color:#e1d5bd; font-weight:bold}
.match-area1-c2 table .img img{ margin-right:5px;} 
.match-area1-c2 table{border-bottom:1px solid #af9b7a;border-right:1px solid #af9b7a}
.match-area1-c2  thead td{ font-weight:bold;  text-align:center; height:45px; background-color:#ceb589 }
.match-area1-c2 table a{ color:#6a1704}

.table-style2 table td{ height:31px;}
.table-style2  thead td{ background-color:#000; color:#6a4537; border:none}
 
.match-area2{ padding:0 7px}
.match-area2-c1{ width:370px; float:left; border:1px solid #cdba9a}
.match-area2-c2{ width:570px; float:right}
.match-area2 .hd{padding:0 10px; height:40px; line-height:40px;} 
.match-area2 .hd .tit{ color:#fff; font-size:14px; font-weight:bold}
.match-area2-c2 .hd{ background-position:-380px -230px;}    
.match-area2-c1 .hd{background-position:0 -230px;} 


.match-area2-c1 .item{ height:36px; line-height:36px;}
.match-area2-c1 .item a{ color:#191212;}
.match-area2-c1 .num{width:16px; height:16px; color:#c79576; background-position:-954px -70px; line-height:15px; font-weight:bold; margin:9px 8px 0 8px;}
.match-area2-c1 .title{}
.match-area2-c1 .date{color:#904331; padding-right:15px;}
.match-area2-c1 .title .tit:hover{ text-decoration:underline;}

.match-area2-c2 .bd{ padding-top:10px}
.match-area2-c2 .gb-list2-item{ width:33.3%; margin-bottom:10px;}
.match-area2-c2 .gb-list2-con{ width:170px; color:#513811}
.match-area2-c2 .gb-list2-c1{ position:relative; padding:4px; border:1px solid #b29260; background-color:#ddc194}
.match-area2-c2 .cover{ display:block; width:160px; height:120px; background: url(//ue.17173cdn.com/images/dota2/index/2013/cover1.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='//ue.17173cdn.com/images/dota2/index/2013/cover1.png')}
.match-area2-c2 .avatar{ width:160px; height:120px}


.match-area3{ background-color:#090504; overflow:hidden;*zoom:1}
.match-area3 .pn-hd{ background-position:0 0; height:60px; line-height:60px; padding:0 0 0 50px}
.match-area3 .pn-hd .tit{ color:#fff; font-size:14px; font-weight:bold; line-height: 70px;}
.match-area3 .pn-bd{padding:20px 0 0 8px; overflow:hidden; *zoom:1; height:346px;}
.match-area3-c1{ width:340px; float:left}
.match-area3-c1 .gb-list3{ overflow:hidden;*zoom:1}
.match-area3-c1 .gb-list3 .item{ float:none}
.match-area3-c1 .gb-list3 .pic{ width:170px; margin-right:10px;}
.match-area3-c1 .gb-list3 .img{ width:160px; border:1px solid #363636; padding:4px;}
.match-area3-c1 .gb-list3 .avatar{ width:160px; height:200px;}
.match-area3-c1 .gb-list3 .text p{ line-height:24px; color:#857268 }
.match-area3-c1 .gb-list3 .text p span{ color:#e17f37} 
.match-area3-c1 .win{ overflow:hidden; background-color:#000; padding:8px; margin-top:10px;}
.match-area3-c1 .win li{ float:left; width:71px; height:100px; display:inline;  margin:0 5px;}
.match-area3-c1 .win li .tit{ height:25px; line-height:25px; color:#857268; text-align:center}
.match-area3-c1 .win li img{ width:71px; height:71px;}


.match-area3-c2{ width:620px; float:right}
.match-area3-c2 .gb-list2-item{ }
.match-area3-c2 .gb-list2-con{ color:#857268}
.match-area3-c2 .gb-list2-c1{ position:relative; padding:4px; border:1px solid #333333; background-color:#0e0e0e}
.match-area3-c2 .cover{ }
.match-area3-c2 .avatar{ width:130px; height:98px}

.page-match .con-bottom-bg{ background:url(//ue.17173cdn.com/images/dota2/index/2013/match-bottom-bg.jpg) no-repeat center top}


/*match-direct*/
.match-direct{ background:url(//ue.17173cdn.com/images/dota2/index/2013/video-cont.jpg) repeat-y;  }
.match-direct .biaot{ background:url(//ue.17173cdn.com/images/dota2/index/2013/match-bg1.jpg) no-repeat 0 0; height:114px; position:relative}
.match-direct .biaot a{ position:absolute; top:35px; left:360px; display:block; text-align:center; height:55px; color:#756969; font:normal 22px/55px "\5fae\8f6f\96c5\9ed1"; width:300px;}
.direct-area1{ overflow:hidden; *zoom:1; background:url(//ue.17173cdn.com/images/dota2/index/2013/match-bg1.jpg) no-repeat 0 -114px #0d0808; padding:10px 10px 20px 14px }
.direct-area1-c1{ width:600px; float:left }
.direct-area1-c2{ width:330px; float:right }
.direct-area1 .bd{ padding-top:20px;}
.direct-area1-c1 .bd{ width:600px; height:480px; overflow:hidden}
.direct-area1-c2 .bd{ border:1px solid #383737; background-color:#0e0e0e; padding:15px 30px; color:#fff; min-height:465px}
.direct-area1 .hd{ height:30px; line-height:30px;}
.direct-area1 .hd .gb-tab-item{ float:left} 
.direct-area1 .hd .gb-tab-c{ width:114px; height:32px;float:left; display:inline-block; _display:inline; margin-right:3px; background-position:-367px -160px; color:#fff; text-align:center; }
.direct-area1 .hd .gb-tab-c:hover,.direct-area1 .hd .current{ background-position:-486px -160px; text-decoration:none}  

.direct-area2{ overflow:hidden;*zoom:1; padding:10px;}
.direct-area2-c1{ width:549px; float:left}
.direct-area2-c2{ width:368px; float:right}
.direct-area2-c1 .hd{ }

.direct-area2-c1 .hd{ height:29px; line-height:29px; overflow:visible; background:url(//ue.17173cdn.com/images/dota2/index/2013/spbg1.png) no-repeat; background-position:0 -280px;}
.direct-area2-c1 .hd .gb-tab-item { float:left;}
.direct-area2-c1 .hd .gb-tab-c { color:#fff; position: relative; width:73px; height: 29px; display: block; text-align: center; line-height: 29px; }
.direct-area2-c1 .hd .gb-tab .current,.direct-area2-c1 .hd .gb-tab-c:hover{ background-position:-630px -160px; text-decoration:none }
.direct-area2-c1 .hd .gb-tab .current .icon { bottom: -5px; _bottom: -15px; left:50%; margin-left:-3px; background-position:-661px -191px;width: 12px; height: 5px; position: absolute;z-index:20 }
.direct-area1-c2 .talk{ height:465px; width:268px; overflow:hidden}
.direct-area1-c2 .talk li{ overflow:hidden; *zoom:1; height:31px; line-height:31px;}
.direct-area1-c2 .talk li .date{ float:left; width:102px; text-align:center; background-position:-720px -160px; color:#8d8d8d }
.direct-area1-c2 .talk li .name{ float:right; color:#e17f37; width:125px; text-align:left } 

.direct-area2-c1 .biaoge{ border-left:1px solid #ae9a79; overflow:hidden;*zoom:1}
.direct-area2-c1 .biaoge li{*zoom:1; vertical-align:bottom;}
.direct-area2-c1 .biaoge li span{ float:left; _display:inline; display:inline-block;  height:34px; line-height:34px; border-bottom:1px solid #ae9a79; border-right:1px solid #ae9a79; text-align:center}
.direct-area2-c1 .biaoge2 li span{   height:25px; line-height:25px; }
.direct-area2-c1 .biaoge li .s1{ width:89px;}
.direct-area2-c1 .biaoge li .s2{ width:187px; }
.direct-area2-c1 .biaoge li .s3{ width:136px;}
.direct-area2-c1 .biaoge .th{ background-color:#000; color:#6a4537; border-right:1px solid #000}
.direct-area2-c1 .biaoge .th .s3{ width:137px}
.direct-area2-c1 .biaoge li .img-icon{ font-weight:bold; background-color:#e1d5bd}
.direct-area2-c1 .biaoge li .img-icon img{ padding-right:5px;_margin-top:10px;}
.direct-area2-c1 .biaoge  .th span{ border:none; background-color:#000}
.direct-area2-c1 .biaoge li .red{ color:#ad2206}
.direct-area2-c1 .biaoge li a{ color:#6a1704; margin:0 5px}
.direct-area2-c1 .bd{ position:relative; height:421px; width:550px}
.direct-area2-c1 .bd .scrollbody-wrap{ height:421px; overflow:hidden}
.direct-area2-c1 .bd .scrollbar-wrap {position: absolute;right:-10px;top:0px;height: 100%;width:2px;}
.direct-area2-c1 .bd  .scrollbar {height:421px;}


.direct-area2-c2 .hd{ background-position:0 -230px; height:39px; line-height:39px; padding-left:3px;}
.direct-area2-c2 .hd .tit{ background-position:-945px -277px; padding-left:28px; color:#f5f3e8; font-weight:bold; font-size:14px;} 
.direct-area2-c2 .bd{ padding-top:10px; width:348px; overflow:hidden}
.direct-area2-c2 .gb-list1 li{ font-size:14px; height:24px; padding:0 10px 0 20px; line-height:24px; padding-left:20px; background:url(//ue.17173cdn.com/images/dota2/index/2013/tb.png) no-repeat left center}
.direct-area2-c2 .gb-list1 .date{ color:#923827} 
.direct-area2-c2 .gb-list1 .tit a{ color:#333333}
.direct-area2-c2 .gb-list1 .tit a:hover{ color:#923827} 
.direct-area2-c2 .gb-list1 .line{ overflow:hidden; height:0; margin:10px 0; font-size:0; width:100%; line-height:0; border-bottom:1px dashed #b6a892; }



.direct-area3{ padding:10px; margin-top:20px; overflow:hidden;*zoom:1}
.direct-area3-c1{ width:656px;float:left}
.direct-area3-c2{ width:284px;float:right}
.direct-area3-c1 .bd{ height:350px; overflow:hidden}
.direct-area3-c1 .hd{ height:30px; line-height:30px;font-size:14px; padding:0 20px }
.direct-area3-c1 .hd .tit{ color:#333;  font-weight: bold; }
.direct-area3-c1 .hd .more a{ color:#333}
.direct-area3-c2 .hd{ height:39px; line-height:39px; background-position:0 -230px; padding-left:10px;}
.direct-area3-c2 .hd .tit{color:#f5f3e8}
.direct-area3-c1 .cmm-video .gb-list2-item{ width:24.99%; margin-bottom:10px;}
.direct-area3-c1 .cmm-video .gb-list2-con{ width:150px; }
.direct-area3-c1 .cmm-video .cover{  width:140px; height:105px; left:0px; top:4px;  background: url(//ue.17173cdn.com/images/dota2/index/2013/video-cover140-105.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='//ue.17173cdn.com/images/dota2/index/2013/video-cover140-105.png')}
.direct-area3-c1 .cmm-video .avatar{ width:140px; height:105px}
.direct-area3-c1 .gb-list2 .line{ overflow:hidden; height:0; margin:10px 0; font-size:0; width:100%; line-height:0; border-bottom:1px dashed #dbb67f; border-top:1px dashed #ede0cc}

.direct-area3-c2 .bd{ padding:20px; border:1px solid #ddc6aa; background-color:#f5eddb; overflow:hidden;*zoom:1}
.direct-area3-c2 .bd .tit{ font-weight:bold; color:#4a2d1f; padding-bottom:10px;}
.direct-area3-c2 .bd li{ float:left; width:100px; text-align:left; color:#4a2d1f; height:40px; line-height:40px;}
.direct-area3-c2 .bd li input{ margin-right:8px;}
.direct-area3-c2 .bd .btn{ margin:20px 20px 0 0; display:inline-block; float:left; _display:inline; color:#ffeee7; background-position:-368px -200px; height:23px; line-height:23px; width:96px; text-align:center }
.direct-area3-c2 .bd .ml60{ margin-left:60px; }