@charset "gb2312";
/* CSS Document */

*{margin:0;padding:0;}
html {overflow-y:scroll;}
body{background-color:#000;font-size:12px;}
img{vertical-align:bottom;border-style:none;}
ul, li {list-style-type: none;}
.clearfix:after{content:"."; display:block; height:0; visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.l, .r {display: inline-block;}
.l, .r {display: inline;}
.l{float:left;}
.r{float:right;}
.container{width:780px;margin-right:auto;margin-left:auto;position:relative;z-index:1; }
.header, .footer, .common {clear:both;float:none;}
.header img, .footer img, .fimg img, .common img{display:inline;float:left;}
.main {}
.navi01 {width:185px; height:477px; overflow:hidden; background:transparent url(http://image.tiancity.com/popkart/event/DriftKing/images/bg_navi01.jpg) no-repeat 0 0;}
.content01 {position: relative; width:595px; height:477px; overflow:hidden; background:transparent url(http://image.tiancity.com/popkart/event/DriftKing/images/bg_content01.jpg) no-repeat 0 0;}
.navi02 {width:185px; height:637px; overflow:hidden; background:transparent url(http://image.tiancity.com/popkart/event/DriftKing/images/bg_navi02.jpg) no-repeat 0 0;}
.content02 {position: relative; width:595px; height:637px; overflow:hidden; background:transparent url(http://image.tiancity.com/popkart/event/DriftKing/images/bg_content02.jpg) no-repeat 0 0;}
.menu { width:143px; margin-left:42px;}
.menu li {width:143px; height:83px; display:block; vertical-align:middle; margin-bottom:5px; overflow:hidden; text-indent: -9999px;}
.menu li a, .menu li a:hover {width:143px; height:83px; display:block; background:transparent no-repeat 0 0;}
.menu li.n01 a {background: url(http://image.tiancity.com/popkart/event/DriftKing/images/navi_li01_off.jpg);}
.menu li.n02 a {background: url(http://image.tiancity.com/popkart/event/DriftKing/images/navi_li02_off.jpg);}
.menu li.n03 a {background: url(http://image.tiancity.com/popkart/event/DriftKing/images/navi_li03_off.jpg);}
.menu li.n04 a {background: url(http://image.tiancity.com/popkart/event/DriftKing/images/navi_li04_off.jpg);}
.menu li.n05 a {background: url(http://image.tiancity.com/popkart/event/DriftKing/images/navi_li05_off.jpg);}
.menu li.n01on, .menu li.n01 a:hover {background: url(http://image.tiancity.com/popkart/event/DriftKing/images/navi_li01_on.jpg);}
.menu li.n02on, .menu li.n02 a:hover {background: url(http://image.tiancity.com/popkart/event/DriftKing/images/navi_li02_on.jpg);}
.menu li.n03on, .menu li.n03 a:hover {background: url(http://image.tiancity.com/popkart/event/DriftKing/images/navi_li03_on.jpg);}
.menu li.n04on, .menu li.n04 a:hover {background: url(http://image.tiancity.com/popkart/event/DriftKing/images/navi_li04_on.jpg);}
.menu li.n05on, .menu li.n05 a:hover {background: url(http://image.tiancity.com/popkart/event/DriftKing/images/navi_li05_on.jpg);}


.pg04 {width:511px; margin:0 0 0 17px;}
.pg04 h2 {margin:11px 0 5px 0;}
.pg04 .video ul li {display: inline-block;}
.pg04 .video ul li {display: inline; float:left;}
.pg04 .video ul li.l1 {margin-right:15px;}
.pg04 .video ul li .pImg {width:241px; height:159px; padding:3px; background:#191919; cursor:pointer;}
.pg04 .video ul li .tit {width:241px; line-height:19px; padding: 3px; background:#000; color:#fff;}
.pg04 .video ul li .tit span {margin-right:20px; display: block;}
.pg04 .comment {width:511px;}
.pg04 .comment ul {}
.pg04 .comment ul li:after{content:"."; display:block; height:0; visibility:hidden;clear:both;}
.pg04 .comment ul li{zoom:1;}
.pg04 .comment ul li {margin-bottom:5px; vertical-align:middle;}
.pg04 .comment ul li p.tit {background:transparent url(http://image.tiancity.com/popkart/event/DriftKing/images/bg_combox_t.jpg) no-repeat 0 0; height:26px; line-height:26px; padding:0 20px; color:#010101; font-weight:700;}
.pg04 .comment ul li p.tit span {margin-right:20px;}
.pg04 .comment ul li p.txt {background:transparent url(http://image.tiancity.com/popkart/event/DriftKing/images/bg_combox_b.jpg) no-repeat 0 100%; padding:5px 20px; color:#4f4e4e;}
.submit{position: absolute; bottom:40px; right:60px; text-align:right;padding:3px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.submit a{border:#666 1px solid; color:#000;text-decoration:none;margin:2px;padding:2px 5px;}
.submit span.current{border:#333 1px solid;font-weight:700;color:#fff;background-color:#000;margin:2px;padding:2px 5px;}
.submit span.disabled{border:#333 1px solid;color:#ddd;margin:2px;padding:2px 5px;}
.submit a:hover,.submit a:active{border:#333 1px solid; color:#000;}

.popbox {color:#fff; width:537px; position: absolute; top: 160px; right: 55px; display:none;}
.popbox .close { width:13px; height:13px; position: absolute; top: 5px; right: 20px; cursor:pointer;}
.popbox .popbox-t {background:transparent url(http://image.tiancity.com/popkart/event/DriftKing/images/bg_popbox_t.gif) repeat-y 0 0; width:537px; height:20px;}
.popbox .popcont {background:transparent url(http://image.tiancity.com/popkart/event/DriftKing/images/bg_popbox_c.gif) repeat-y 0 0; padding:8px 28px;}
.popbox .popcont p.pImg {width:479px; height:323px; border:#000 1px solid; margin-bottom:10px;}
.popbox .popcont p.tit {color:#fff; font-weight:700; margin-bottom:5px;}
.popbox .popcont p.tit span {margin-right:20px;}
.popbox .popcont p.txt {color:#adadad; line-height:18px;}