/* CSS Document */
* {margin:0;padding:0;}
html { height:100%; overflow:hidden; background:#E7E7E7;}
body { font:normal 12px/1.6em simsun,Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif;color:#5A5A5A;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;text-align:left;}
th,td {border-collapse:collapse;}
ol,ul {list-style:none;}
a {text-decoration:none; color:#0088CC;}
a:hover {text-decoration:underline;}
input,select,form img,button {vertical-align:middle;}
img {border:0;}
button {cursor:pointer;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

.wrap, .searchwrap{ position:relative; padding-left:172px; overflow:hidden; zoom:1;}
.searchwrap{ padding-left:0;}
.sidesub{ position:absolute; top:0; left:0; width:170px;}
.loginbox{ height:96px; padding:8px 9px 0; border:1px solid #CFCFCF; background:#fff;}
.form_detail{ line-height:22px;}
	.form_detail p{ line-height:22px; height:22px; padding-bottom:1px;}
	.form_detail p.indent{ padding-left:25px;}
	.form_detail label{ float:left; padding-right:5px; _padding-right:0;}
	.form_detail .btn { margin-right:10px;}
	.ipt_tx, .ipt_tx2 {line-height:16px; height:16px; padding:0 2px; margin:0; width:115px; font-size:12px; border:1px solid #CFCFCF; background:#fff;}
	.ipt_tx2{ background:#F9FDF8;}
	.ipt_yzm { width:62px!important; margin-right:5px;}
.btn { width:51px; height:20px; line-height:20px; border:0; background:url(../img/bg.png) no-repeat 0 0; color:#333;}
.inof{ margin: 25px auto 0; text-align:center;}
.after .names{ padding-bottom:3px; overflow:hidden;zoom:1;}
	.after .names img{ float:left; width:28px; height:28px; border:1px solid #D3DBE0; padding:1px;}
	.after .names .xx{ float:left; padding-left:5px;}
	.after .names .xx p{ width:110px; height:16px; line-height:14px; color:#B1B1B1; font-family:Arial; overflow:hidden;}
	.after .otherxx{ height:20px; line-height:20px; color:#B1B1B1; overflow:hidden;}
	.after .otherxx span.line{ padding:0 5px;}
.iconlist{ _padding-top:2px; height:12px; position:relative;}
	.iconlist li{ float:left; display:block; padding-right:5px; width:13px; height:12px;}
.tips{ position:absolute; top:0; left:15px; z-index:9999; padding:3px 5px; min-width:200px;_width:200px; white-space:nowrap; border:1px solid #DEA62E; background:#FFFFDB;}
	.tips a{ color:#DC601C; text-decoration:underline;}
	.tips .a-close{ position:absolute; top:5px; right:5px; display:block; width:9px; height:9px; overflow:hidden; background:url(../img/bg.png) no-repeat -134px 0; }
.sortbox{ margin-top:2px; height:205px; padding:3px 9px 6px; overflow:hidden;border:1px solid #CFCFCF; background:#fff;}
	.sortbox dl{ padding:5px 0 5px 0; overflow:hidden;zoom:1; background:url(../images/line.png) repeat-x left top}
	.sortbox dl.date{ background:none;}
	.sortbox dl dt{ float:left;}
	.sortbox dl dd{ float:right; overflow:hidden;zoom:1;}
	.sortbox dl dd a{ float:left; display:block; margin-left:1px; width:29px; overflow:hidden; text-align:center;}
	.sortbox dl dd a.on{ color:#fff; background:url(../images/bg.png) no-repeat -145px 1px;}

/*navitree*/
.navibox{ margin-top:2px; height:76px; border:1px solid #CFCFCF; background:#fff; position:relative;}
.navtitle{ border-bottom:1px solid #FAFAFA!important; background:#FCFCFC!important;}
.navtitle .a-show, .navtitle .a-hide{ float:right; padding:0 10px; background:url(../images/bg.png) no-repeat -193px -102px;}
.navtitle .a-hide{ background-position:-193px -82px;}
.navilayer, .navicont{ position:absolute; top:23px; left:-1px; width:168px; height:190px; overflow:hidden; border:1px solid #CFCFCF; border-top:0; background:#fff;}
.navicont{ height:53px;}
.navitree{ padding:5px 0 5px 8px;overflow:hidden;zoom:1; background:#fff;}
	.navitree li{ float:left; display:block; width:100%; overflow:hidden;zoom:1;}
	.navitree .a-show, .navitree .a-hide{ float:left; display:block; margin-top:6px; _margin-top:6px; width:9px; height:9px; overflow:hidden; background:url(../images/bg.png) no-repeat -140px -60px; cursor:pointer;}
	.navitree .a-hide{ background-position: -140px -75px}
	.navitree li p{ float:left; padding-left:5px; width:96px; height:21px; line-height:21px; overflow:hidden;}
	.navitree li em{ float:left; width:30px; text-align:right; line-height:21px; font-style:normal; color:#B1B1B1; overflow:hidden;}
	.navitree .level-2 li p{ margin-left:15px; padding-left:8px; display:inline; width:auto; height:18px; line-height:18px; background:url(../images/bg.png) no-repeat -170px -58px;}
	.navitree .level-2 li em{ float:left; line-height:18px; text-align:left;}
/*FQA*/
.faqbox{margin-top:2px; height:131px; padding:3px 8px 0; border:1px solid #CFCFCF; background:#fff;}
.faqbox .a-dredge{ padding-left:10px;line-height:22px;color:#DC601C;text-decoration:underline; background:url(../images/bg.png) no-repeat -168px -75px;}
.faqbox .a-show, .faqbox .a-hide{ padding-left:10px; background:url(../images/bg.png) no-repeat -193px -106px;}
.faqbox .a-hide{background-position:-193px -86px; text-decoration:underline;}
.faqbox dl dd{ color:#959595; line-height:16px; height:65px; overflow:hidden;}
/*modelbox*/
.modelbox{ margin-top:2px; overflow:hidden;border:1px solid #CFCFCF; background:#fff;}
.tabs{ height:23px; line-height:22px; border-bottom:1px solid #DDDDDD; background:#F5F5F5}
	.tabs h4{ float:left; width:56px; text-align:center; font-weight:normal;}
	.tabs h4 a{ display:block; color:#5A5A5A; border-top:1px solid #fff;}
	.tabs h4 a:hover{ text-decoration:none;}
	.tabs h4 a.on{ background:#fff; height:23px; line-height:23px; margin-bottom:-1px; position:relative;}
	.tabs .h-1, .tabs .h-2{ width:55px; height:23px; border-right:1px solid #EBEBEB;}
	.tabs .h-1 a, .tabs .h-2 a{ border-right:1px solid #CFCFCF;}
	.tabs .h-2 a.on, .tabs .h-3 a.on{ margin-left:-1px;}
.mdlist{ padding:0 2px 0 8px; width:158px;}
.commlist{ width:100%; padding-top:6px;}
.commlist li{ float:left; width:100%;}
.commlist em{ float:left; width:15px; font:normal 11px/17px Tahoma; font-style:normal;color:#B7B7B7;}
.commlist .pt{float:left; width:100px; height:20px; padding-right:40px; position:relative; overflow:hidden; zoom:1;}
.commlist .pt span{ position:absolute; color:#B1B1B1; padding-left:5px;}
.commlist .pt a{ float:left;}


/*content*/
.content{ border:1px solid #CFCFCF; background:#fff; overflow:hidden;}
.title{ height:24px; line-height:24px; background:url(../images/bg.png) repeat-x 0 -30px;}
.bigtags{ float:left;}
.bigtags h4{ float:left; width:68px; height:24px; line-height:25px; _line-height:26px; overflow:hidden; text-align:center; font-weight:normal; cursor:pointer; background:url(../images/bg.png) no-repeat -70px -60px;}
.bigtags h4.on{ height:26px; line-height:27px; _line-height:28px; overflow:hidden; margin:-1px 0 -1px -1px; position:relative; background:url(../images/bg.png) no-repeat 0 -60px;}
.intros{ float:right; padding-right:16px;}
.intros a{ padding-left:10px; color:#DC601C; text-decoration:underline;}

.scrollbar{ position:absolute; top:0; right:0; width:16px; height:100%; background:url(../images/scrollbar_bg.png) repeat-y 0 0;}
.scrollbar .bar-up{ position:absolute; top:0; left:2px; cursor:pointer;}
.scrollbar .bar-down{ position:absolute; bottom:0; left:2px; cursor:pointer;}
.scrollbar .bar-track{ position:absolute; top:13px; left:2px; width:13px;}
.scrollbar .bar-handle{ position:absolute; top:0; left:0;}

.mainlist-scrollbar{ height:500px; overflow-x:hidden;overflow-y:auto; position:relative; background:#fff;}

.mainlist{ position:absolute; top:0; left:0; width:100%;}
.mainlist .cont{ padding-right:16px;_padding-right:0;}
.hd{ padding:5px 24px 5px 12px; _padding:5px 24px 5px 12px; overflow:hidden;zoom:1;}
	.hd h4{ float:left; font-weight:normal;}
	.hd .pages{ float:right;}
.pages{ color:#B1B1B1;}
	.pages span{ padding:0 7px; font-size:10px;}
	.pages a.on{ color:#B1B1B1; cursor:text;}
	.pages a.on:hover{ text-decoration:none;}
.pplist{ padding:5px 0 0 4px; overflow:hidden;zoom:1; position:relative;}
	.pplist li{ float:left; width:79px; padding-bottom:6px; overflow:hidden; position:relative;}
	.pplist li p{ width:72px; margin:0 auto; padding:5px 0; line-height:16px; text-align:center; white-space:nowrap;overflow:hidden;}
	.pplist li p span{ display:block; color:#B1B1B1;}
.imgs{width:63px; height:87px; margin:0 auto; overflow:hidden; position:relative;}
	.imgs span.i-pp{ display:block; width:63px; height:87px; overflow:hidden;}
	.imgs span.back, 
	.imgs em{position:absolute;left:0;top:72px;display:block;width:100%;height:15px;line-height:15px;text-align:center; font-style:normal; color:#fff;}
	.imgs span.back{ background:#000;filter: Alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;}
	.imgs a{ position:absolute; top:0; left:0; z-index:5; display:block; width:63px; height:87px;background:url(../images/null.png) repeat;}
	.imgs a:hover{ text-decoration:none; border:0; position:absolute; top:0; left:0; z-index:5;}
	.imgs a span{ display:none;}
	.imgs a:hover span{ display:block;width:63px; height:71px; margin-top:10px; cursor:pointer;}
html>body .imgs a:hover span{background:url(http://kankanc2c.xunlei.com/221/images/hover.png)}
*html .imgs a:hover span{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="http://kankanc2c.xunlei.com/221/images/hover.png");
background:none;
}
/*hall*/
.header{ height:22px; line-height:22px; overflow:hidden; border-top:1px solid #fff; border-bottom:1px solid #EBF0FB; background:#EFF3FC;}
	.header h4{ float:left; font-weight:normal; padding-left:19px; background:url(../images/bg.png) no-repeat -183px 7px;cursor:pointer;}
	.header p{ float:left; color:#CFCFCF;}
	.header p strong{ color:#5A5A5A; font-weight:normal;}
.hall-list{ padding:10px 0 0 0;overflow:hidden;zoom:1;}
.hall-list li{ float:left; width:115px; padding:0 0 5px 20px;overflow:hidden;}
.hall-list li a.allow, .hall-list li a.full{ display:block; margin:0 auto; width:90px;height:82px;color:#fff; line-height:18px; _line-height:19px; text-align:center;background:url(../images/bg_hall.jpg) no-repeat -100px 0;}
.hall-list li a.full{ background-position:0 0;}
.hall-list li a.allow:hover{ text-decoration:none; background:url(../images/bg_hall.jpg) no-repeat -200px 0;}
 .hall-list li a.full:hover{ text-decoration:none;}
.hall-list li a.allow em, .hall-list li a.full em{ font-style:normal; font-family:Tahoma; font-weight:bold;}
.hall-list li p{ padding:3px 0 5px; width:100px; margin:0 auto; text-align:center;  white-space:nowrap; overflow:hidden;}
/*film-list*/
.filmlist{ padding:10px 0 0 0; overflow:hidden;zoom:1;}
.filmlist li{ float:left; width:120px; padding-left:15px;}
.filmlist .a-imgs{ display:block; width:85px; height:61px; padding:4px 4px 17px 4px; overflow:hidden;background:url(../images/bg.png) no-repeat 0 -90px;}
.filmlist .a-imgs span{display:block; width:85px; height:61px; overflow:hidden; cursor:pointer;}
.filmlist p{ padding:4px 0 6px; width:114px; overflow:hidden;line-height:18px; white-space:nowrap;}

/*gougou search*/
.search-hd{border-bottom:1px solid #DDDDDD; background:#FCFCFC}
.search-hd p{ float:right; padding-right:3px; color:#5A5A5A;}
.search-hd p strong{ color:#DC601C;}
.searchlist{ padding:10px 0 0 0; overflow:hidden; zoom:1;}
	.searchlist li{ float:left; width:132px; padding:0 0 6px 12px;overflow:hidden;}
	.searchlist li p{ width:132px; padding:5px 0; line-height:16px; white-space:nowrap;overflow:hidden; color:#7E7E7E;}
	.searchlist li p span{ font-family:Tahoma; font-size:11px;}
	.searchlist li p strong{ color:#DC601C; font-weight:normal}
	.searchlist .imgs{ width:109px; height:81px; padding:2px; margin:0;}
	.searchlist .imgs span.i-pp{ display:block; width:109px; height:81px; overflow:hidden;}
	.searchlist .imgs a{ width:109px; height:81px; padding:1px; border:1px solid #D3DBE0;}
	.searchlist .imgs a:hover{ border:1px solid #D3DBE0;}
	.searchlist .imgs span.back, 
	.searchlist	.imgs em{ top:68px; left:2px; padding-right:3px; width:106px; text-align:right;font-size:10px; font-family:Tahoma;}
	.searchlist	.blue .imgs span.back{ background:#5192d2;filter: Alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;}
	.searchlist	.orange .imgs span.back{ background:#eb6100;filter: Alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;}
	.searchlist	.a-play{ padding-left:15px; padding-top:1px; background:url(../images/bg.png) no-repeat -180px -140px;}
	.searchlist	.imgs a:hover span{ margin-left:25px; margin-top:5px;}
/*layerbox*/
.layerbox{ position:absolute; z-index:9000; top:15%; left:20%;}
.layerbox .bg{ width:310px; height:170px; background:#848484;filter: Alpha(Opacity=30);-moz-opacity:0.3;opacity:0.3;}
.layerbox .a-close{ position:absolute; top:10px; right:10px; z-index:9002; display:block; width:10px; height:10px; background:url(../images/bg.png) no-repeat -134px -10px;}
.layerbox .a-close:hover{ text-decoration:none;}
.layinnr{ position:absolute; top:5px; left:5px; padding:10px; width:280px; height:140px; overflow:hidden; border1:1px solid #B6B6B6; background:#fff;}
.layinnr ul{ padding:5px 15px; border-bottom:1px solid #CFCFCF;}
.layinnr ul li{ display:block; padding-bottom:6px;}
.layinnr ul li p{ padding-left:20px; color:#DC601C;}
.layinnr ul li p.dre{ padding-left:35px; background:url(../images/ico_deg1.png) no-repeat 20px 2px;}
.layinnr ul li p.dre a{  text-decoration:underline;}
.layinnr .f{ padding-top:10px; text-align:center;}
.layinnr .f .btn{ width:76px; height:24px; background-position:-55px 0}
.layinnr .gray{ color:#CFCFCF;}

/*bob add for pager*/
.pager{ padding:0 0 10px; text-align:center;}
.pager p{ color:#ccc; font-size:11px; font-family:Tahoma;}
.pager a{ display:inline-block; border:1px solid #ddd; margin-right:5px; padding:0 4px; line-height:14px;}
.pager a:hover{ background:#0088CC; color:#fff; border:1px solid #7E7E7E; text-decoration:none;}
.pager a.on{ border:1px solid #fff; font-weight:bold; color:#DC601C; cursor:text;}
.pager a.on:hover{ border:1px solid #fff; background:none; color:#DC601C;}
.pager a.prev{ margin-right:10px; font-family:simsun;}
.pager a.next{ margin-left:5px;font-family:simsun;}

.make-mis{ background:#fff; height:100%;}
.mispage{ height:100%;}
.bg404{ width:330px; padding:140px 0 50px 50px; margin:0 auto; color:#003A70; background:url(../img/404.png) no-repeat 0 135px}
