@charset "utf-8";
/*CSS Reset*/
body,p,h1,h2,h3,h4,h5,h6,table,tr,td,form,dl,dt,dd,ol,ul,li,iframe,textarea{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%}
ol,ul,li { list-style:none;}
a { cursor:pointer; color:#333; text-decoration:none;}
a:hover { text-decoration:underline; color:#b51d0d; }
a img {border:none;}
table { border-spacing:0; border-collapse:collapse; border:0;}
img, select, input, button{ vertical-align: middle;} /**/
body {font-size:12px; color:#333; font-family:arial; background:#000 url(images/banner-bg.jpg) no-repeat 50% 0;}
.hr { height:10px; clear:both; overflow:hidden;}


#wrap { width:980px;  margin:0 auto; padding-top:173px;}
#head { background:#9f5805 url(images/hd.png) no-repeat; padding:10px 10px 0;}
#nav {  line-height:40px; height:40px; font-size:14px; font-weight:bold; padding-left:10px; }
#nav li{ display:inline; float:left; width:185px; padding-right:2px; text-align:center; background:url(/skin/zt/ssf4/images/l.png) no-repeat 100% 50%;}
#nav li.last { background:none;}
#nav a { color:#fff;}
#sub_nav { height:51px;  overflow:hidden; padding:4px 10px 1px 240px; line-height:24px;}
#sub_nav dl { height:24px; overflow:hidden;}
#sub_nav dt { font-weight:bold; float:left;}
#sub_nav dd { padding: 0 12px; border-left:1px solid #b19875; float:left; display:inline; height:16px; margin:  3px 0; line-height:16px;}
#sub_nav dd.fc { border:none;} 
#sub_nav dt, #sub_nav dd a {color:#472e08;}
.down { background:#e3b245 url(images/down.png) no-repeat; font-weight:bold; width:207px; color:#6e2900;  height:39px; line-height:39px; text-align:center; float:left; display:inline; margin-left:-226px; font-size:14px; margin-top:5px;}
.down:hover { text-decoration:none;}
#main { padding: 0 20px;  background:#f5eec1 url(images/w.png) repeat-y;  zoom:1; position:relative;}
.mt { background:url(/skin/zt/ssf4/images/bt.png) no-repeat; height:66px; overflow:hidden;  margin:0 -10px -51px;}
.mb {background:url(/skin/zt/ssf4/images/bb.png) no-repeat; height:95px; position:absolute; width:100%; padding:0 20px; left:0; bottom:-10px; z-index:0;}
#foot {padding:10px 0; color:#b3babd; line-height:24px; text-align:center; }
#foot a { color:#b3babd; margin:0 6px;}


#slide { background: url(/skin/zt/ssf4/images/f.png) no-repeat; overflow:hidden; height:240px; width:385px; float:right;}
#slide .pic { width:376px; height:232px; float:left; display:inline; margin:4px 0  0 4px; overflow:hidden; padding:0; font-size:0; position:relative;}
#slide .pic li {  text-align:left; padding:0; zoom:1; margin:0;}
#slide .name { position:absolute; right:5px; bottom:7px;}
#slide .name li {  display:inline;  }
#slide .name a {color:#fff; float:left; width:20px; height:20px;  text-align:center; line-height:20px; font-size:12px;  overflow:hidden; font-weight:bold; background:#1b2e37; display:inline; margin-right:3px;}
#slide .name .cur { text-decoration:none; background:#771116; color:#fff;  }
#slide_pic img {width:376px; height:232px;}

.fr { float:right; width:600px;}

.kof_s1 { float:left; width:295px;}
.kof_s2 { float:right; width:295px;}
#gl { float:left; width:330px;}

#v { float:right; width:600px; }
.wtb { width:100%;}
.wtb td { height:30px;}
.wtb  .teama { text-align:right;}
.wtb  .teamb { text-align:left;}
.teama , .teamb { width:80px;}
.wtb .score { font-weight:bold; color:#; text-align:center; width:30px;}
.wtb .teama img { margin-left:6px;}
.wtb .teamb img { margin-right:6px;}



.pl { overflow:hidden; zoom:1; padding:20px 0 0 10px;}
.pl img {width:120px; height:90px; display:block; margin:0 auto; border:1px solid #28190e; margin-bottom:5px; }
.pl li { float:left; display:inline; text-align:center; width:146px;   height:125px;  overflow:hidden;}
.pl li span { display:block; line-height:18px;}
.pl a:hover {text-decoration:none;}
.pl a:hover  img {border-color:#b51d0d;}
#v .pl li span { height:18px; overflow:hidden;}
#zb .pl {padding-left:18px;}
#zb .pl li {width:140px; height:132px; display:inline; margin:10px 20px 0 }
#zb .pl { padding-top:0; padding-bottom:10px;}

.tl { padding:0 10px;   position:relative; z-index:3;}

.tl li  { font-size:14px; line-height:30px; height:30px; overflow:hidden; padding-left:12px; background:url(/skin/zt/ssf4/images/dot.png) no-repeat 0 12px;}
.tl span { float:right; font-family: "Times New Roman"; color:#842626; font-size:12px;}

.kof_s1 .hd, .kof_s2 .hd { background-image:url(/skin/zt/ssf4/images/mt2.png) !important; }
.kof_s1 .bd, .kof_s2 .bd { background-image:url(/skin/zt/ssf4/images/mbm2.png) !important;}
#v .bd {background-image:url(/skin/zt/ssf4/images/mbm4.png);}
#gl .bd {background-image:url(/skin/zt/ssf4/images/mbm3.png);}

.bd { background:#f7f2ce url(/skin/zt/ssf4/images/mbm.png) repeat-y; zoom:1; position:relative; z-index:1;}
.bd_t { height:62px; overflow:hidden; margin-bottom:-62px; background:url(/skin/zt/ssf4/images/mbt.png) no-repeat 100% 0;}
.bd_t span { display:block; height:62px; background:url(/skin/zt/ssf4/images/mbt.png) no-repeat ; width:50%;}
.bd_b { height:62px; overflow:hidden; margin-top:-62px; background:url(/skin/zt/ssf4/images/mbb.png) no-repeat  100% 0; clear:both;}
.bd_b span { display:block; height:62px; background:url(/skin/zt/ssf4/images/mbb.png) no-repeat; width:50%;}
.bd_c { position:relative; z-index:3;}

.m1 .hd { height:40px; line-height:40px; background:url(/skin/zt/ssf4/images/mt.png) no-repeat 100% 0; padding:0 15px}
.m1 .hd  h2 {color:#1b1812; font-size:14px; color:#262626;}
.m2 .hd { height:40px; line-height:40px; background:url(/skin/zt/ssf4/images/h.png) no-repeat 100% 0; padding-right:15px}
.m2 .hd h2  {  background:url(/skin/zt/ssf4/images/h.png) no-repeat 0 0; font-size:14px; color:#fff;}
.m2 .hd h2 span { padding-left:65px; background-repeat: no-repeat; display:block; height:40px; }
.m2 .hd h2 .more { float:right; font-size:12px; font-weight:normal;}
#gl .hd h2 span { background-image:url(/skin/zt/ssf4/images/ssf4_2.png);}
#v .hd h2 span { background-image:url(/skin/zt/ssf4/images/ssf4_3.png);}
#skill .hd h2 span { background-image:url(/skin/zt/ssf4/images/ssf4_1.png);}


.comment_wrap {margin-top:10px;}
.comment_wrap .hd h2 span{ background:url(/skin/zt/ssf4/images/ssf4_4.png) no-repeat;}
.comment_wrap .bd {background:url(/skin/zt/ssf4/images/mbm.png) repeat-y;}
#comment_list dl, #comment_list dt,  #comment_list dd { margin:0; padding:0;}
#youxi_right_5 #comment_list {border:none;}

#comment_list .quote, #comment_list .quote span { text-indent:0;}
#comment_list { color:#2f2f2f; padding:1px 3px; zoom:1; }

#comment_list dt {line-height:28px; height:28px; overflow:hidden; padding:0 10px;  }
#comment_list h2 { font-size:14px; color:#fff; height:30px; padding:0 10px; background:url(/skin/zt/ssf4/images/cm_tbg.png) repeat-x; margin-bottom:10px;}
#comment_list h2 span { float:left;margin-top: 3px ; width:88px; text-align:center; line-height:26px; background-repeat:no-repeat;}
#comment_list dl {padding: 0 5px; }
#comment_list dd {word-wrap: break-word; line-height:20px; padding:5px 10px 10px; }
#comment_list dd img {margin-bottom:-5px;}

#comment_list blockquote, #comment_list .quote { padding:3px 3px 5px; margin:0  0  5px 0 ; border:1px solid #bfbfbf; background:#fffde9; color:#000;}
#comment_list blockquote h4, #comment_list .quote span{ color:#666; padding:0 3px; font-weight:normal; font-size:12px; display:block; background:none;}
#comment_list blockquote h4 cite { font-style:normal;}
#comment_list blockquote div{padding:0 7px;}

#comment_list dt i { font-family:verdana; font-style:normal; }
#comment_list dt b {margin:0 6px; }
#comment_list p { text-align:right;  line-height:1; padding:5px 0;}
#comment_list p a { color:#8B2100; margin-left:10px;}

#comment_list dt span {float:left; }
#comment_list dt em { float:right; font-style:normal;}

#comment_0 dt {background:#ebd9a2; color:#845430; }
#comment_0 h2 span,  #s_comment h2 span { background-image:url(/skin/zt/ssf4/images/cm_tr.png)}

#comment_1 dt {background:#f2f5f2; color:#0b5c82;}
#comment_1 h2 span { background-image:url(/skin/zt/ssf4/images/cm_tb.png)}

#s_comment { text-align:center;}
#s_comment h2 a {float:right;   font-size:12px; font-weight: normal; color:#8B2100; line-height:30px; }
#s_comment h2 a i { font-style:normal;}
#s_comment .nick_name { float:left; margin-left:12px; line-height:30px; display:inline; }
#s_comment .nick_name input {border:1px solid #a68034; background:#f8f5de url(images/in_bg.png) repeat-x; margin-left:6px; height:20px; vertical-align:middle; width:180px}
#s_comment .comment_faces {float:left; margin-left:20px; font-weight:bold; line-height:30px; display:inline;}
#s_comment .comment_faces img { vertical-align:middle; margin-left:3px; cursor:pointer;}
#s_comment textarea {border:1px solid #a68034; padding:3px 5px; width:96%; height:120px; line-height:20px;  margin:8px 0; background:#f8f5de url(images/in_bg.png) repeat-x; }
#s_comment .comment_btn { padding:0 12px 10px; text-align:left;}
#s_comment .comment_btn input { width:80px; color:#fff; border:0 none; padding:0; margin-right:6px; font-weight:bold; height:26px; background:url(/skin/zt/ssf4/images/comment_btn.png) no-repeat; cursor:pointer;}



.game_down { float:left; width:540px; line-height:20px; }
.game_down h2 { font-size:16px; font-family:'ºÚÌå'; font-weight:normal; margin-bottom:5px;}
.game_down  p{ margin:8px 0;}
.game_cover { float:left; display:inline; margin-right:15px;}
.game_cover img { width:166px; height:232px; padding:4px; background:url(/skin/zt/ssf4/images/cb.png) no-repeat;}


#skill .bd_c {  overflow:hidden; zoom:1;}




#slide .pic li { position:relative;}
#slide .pic li span {  color:#0c1a1f; color:#fff; font-family:'ºÚÌå'; position:absolute; left:0; width:100%; bottom:0; height:30px; line-height:30px; font-size:16px; text-indent:10px; z-index:2}
#slide .pic li b { position:absolute; width:100%; height:30px; left:0; bottom:0; background:#17282f;  background:#000; opacity:.75; filter:alpha(opacity=75); z-index:1;}
#slide .name { z-index:3;}
#slide .pic a:hover { text-decoration:none}


#skill .bd_c { padding:15px 0;}
#ssf4-chara { overflow:hidden; padding:1px  0 0 18px;}
#ssf4-chara img { width:127px; height:105px;}
#ssf4-chara  li { display:inline;}
#ssf4-chara a { float:left; width:127px; height:105px; overflow:hidden; border:2px solid #000; display:inline; margin:-2px -2px  0  0;}
#ssf4-chara a:hover { position:relative; z-index:9; border-color:#f30; }
.clear {clear:both; height:0; overflow:hidden;}