@charset "gb2312";

/*

' 本站模板由【站神CMS】提供，版权所有，禁止抄袭，如需定制请到官方购买

' Version: v15.2.1

' Web: http://www.zhanshencms.com

' Copyright (C)ZHANSHEN CMS 

' 本程序特点：更新最快、优化极好、网站样式新颖，得到网友的一致好评，站长收入颇丰！

' 法律申明：ZHANSHENCMS程序所有代码100%原创、未引入任何网上代码,对一切抄袭行为、坚决严肃追究法律责任

*/



*{ margin:0px; padding:0px; }

a{ text-decoration:none; color:#333;}

a:hover{ text-decoration:underline;}

li{ list-style:none;}

img{ border:0;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}



.wp{ width:1000px; margin-left:auto; margin-right:auto;}

.wp .list{padding:10px;}

.clear{ display:block; clear:both;}

body{ background:#fff;/* url(/images/focus.jpg) repeat  ;*/ font-family:"宋体"; font-size:12px;}

.header{background:url("banner-bg.jpg")/*tpa=/template/default/images/banner-bg.jpg*/ repeat-x center 0px; width:100%; height:400px; position:relative;}

.header .bottom_bg{background:url("topbg.png")/*tpa=/template/default/images/topbg.png*/ repeat-x center 0px; width:100%; height:29px; position:absolute; bottom:0px;}

.nav{ width:100%; height:35px; line-height:35px; background:url("zt_101.jpg")/*tpa=/template/default/images/zt_101.jpg*/ repeat-x ;}

.nav  .left{ float:left; width:200px;}

.nav  .left img{ margin-right:5px;}

.nav  .right{ float:right; width:800px; }

.nav ul li{ float:right;}

.nav ul li a{ display:block; padding:0px 8px;color:#000; font-size:12px;}

.nav ul li a:hover{ text-decoration:none; background-color:#228ED1;}

.zsbody{ background-color: #fff; }

.bor,.tuijian{ width:1000px; margin-top:10px; background-color:#FCFCFC; overflow:hidden;}

.index{ padding:0px;}

.bor h1{ font-size:20px;}

.bor h2{ font-size:16px; height:40px; line-height:40px; background:#F3F3F3; text-indent:20px; color:#699F00;}

.bor h2 a{ color:#699F00;}

.tuijian .title{ font-size:16px; font-weight:bold; }

.tuijian .list{ font-size:12px; }

.tuijian .list li{ font-size:12px; line-height:20px; height:20px; }

.topics_img,

.topics_img img{ width:210px; height:280px; float:left;}

.topics_img{ padding:15px; overflow:hidden; }

.topics_info{ float:right; width:740px; height:310px; overflow:hidden; padding:10px 10px 10px 0px;}

.topics_info h1{ float:left; width:350px; height:40px; overflow:hidden; font-size:24px;}

.topics_info .share{ float:right; width:320px; height:40px; overflow:hidden;}



.topics_info dl dt{font-size:12px; color:#8c8c8c;}

.topics_info dl dd{font-size:12px; color:#33;}

.topics_info .tv_info dl{ width:40%; height:24px; line-height:24px; float:left;}

.topics_info .tv_info dl dt{ width:40px; float:left; font-size:12px; color:#8c8c8c;}

.topics_info .tv_info dl dd{ font-size:12px; color:#333;}

.topics_info .story dl dt{ width:40px; float:left;}

.topics_info .story dl dd{ width:92%; float:left;}

.topics_info .story .starring{ line-height:30px;}

.topics_info .story .synopsis{ line-height:25px;}

.pages { width:100%; height:30px; line-height:30px; text-align:center; display:block;}

.pages  ul{ width:100%; height:30px; line-height:30px;margin::0px auto;}

.pages ul li { float:left;}

.main .episode{ padding:10px;}

.main .episode li{ position:relative; width:81px; height:33px; float:left;margin:6px 6px 0px 0px; font-size:12px; line-height:33px; text-align:center;border: 1px solid #E0E0E0; display:block;  }

.episode-episode-last{position:absolute;right:0;top:-5px;width:17px;height:15px;background:url("new-right.gif")/*tpa=/template/default/images/new-right.gif*/ no-repeat 0 0}

.main .episode li a{ width:81px; height:33px;  display:block; color:#00c;}

.main .episode a:link{ color:#00c; background-color:#FCFCFC;}

.main .episode a:visited{ color:#00c;}

.main .episode a:hover{ color:#FFF; text-decoration:none; background-color:#059BFF; }



.main .news dl{ padding-left:7px; margin:10px 0px}

.main .news dl p{ font-size:12px; color:#a3a3a3; line-height:22px;}

.main .news dl dt{ font-size:14px; color:#333}

.main .news dl dt a{ color:#333; text-decoration:underline;}

.main .news dl dd{ font-size:12px; line-height:22px; text-indent:2em; color:#666}

.main .news .news_title{ text-align:center; line-height:50px;}

.main .news .news_txt{ font-size:13px; line-height:22px; color:#666;}

.main .news .news_txt p{ margin-top:10px; /*text-indent:2em;*/}

.bor .juzhao{ padding:0px 10px;}

.bor .juzhao dl{ float:left; width:230px; padding:2px; text-align:center; margin:10px 5px;}

.bor .juzhao dl dt{ width:230px; height:160px; }

.bor .juzhao dl dt img{ width:230px; height:160px; }

/*滚动显示*/

.stills{ width:100%; margin-top:10px; overflow:hidden;}

.stills dl{ width:210px; height:300px; float:left; margin:0px 20px; padding:5x;}

.stills dl dt{ width:210px; height:270px; }

.stills dl dt img{ width:210px; height:250px; }

.stills dl dd{ width:210px; height:20px; }

.stills img{  height:180px;}

#demo {

	overflow:hidden;  /*溢出隐藏*/

	width: 1000px;  /*滚动内容宽度*/

	height:180px;  /*高度*/

	}

#indemo {

	float: left;

	width:800%;

	}

#demo1 {

	float: left;

	}

#demo2 {

	float: left;

	}



/*播放*/

.play{ width:100%; height:530px; background-color:#1c1a1a;}

.play .title{ width:1000px;; height:30px; margin:auto; background-color:#1c1a1a; line-height:30px;}

.play .title h1{ width:400px;; height:30px; font-size:14px; color:#fff; float:left;}

.play .title span{ width:200px;; height:30px; font-size:12px; color:#fff; float:right; text-align:right; }

.play .player{ width:1000px; height:500px; margin-left:auto; margin-right:auto; background-color:#000;}

.play_tixing{ width:1000px; height:24px; margin:auto; border:solid 1px #fff; line-height:24px; font-size:12px; margin-top:10px; color:#666;background-color:#fff; text-align:center;}

.footer{ padding:20px 0px; color:#666; line-height:20px; margin-top:10px; text-align:center; font-size:12px; border-top:solid 2px #336699; background-color:#000;}

.footer a{color:#666;}

.footer ul li{ font-size:12px; line-height:22px; color:#666}

.footer .copyright{ text-align:center;}


/*自适应*/
@media only screen and (min-width: 767px) and (max-width: 1000px){
	.wp , .bor, .tuijian , .topics_info h1 , .topics_info .share , .tv_info , .stills dl dt , .stills dl dt img , .play .title , .play .player , .play .player iframe , .play_tixing , .bor .juzhao dl dt img , .bor .juzhao dl dt{
		width:100% !important;
		box-sizing: border-box;
	}
	.nav .left , .nav .right , .topics_info{
		width:auto;
	}
	.header{
		height: 300px;
		background-size: cover;
	}
	.topics_info{
		height:280px;
		float:none;
	}
	.tv_info{
		float:left;
		margin-top:10px;
	}
	.bor .juzhao dl , .stills dl{
		width: 32.3%;
		float: left;
		padding:0px;
		margin: 10px 0.5% 0px 0.5%;
	}
	.xubox_layer{ width:90% !important;}
	.xubox_border, .xubox_title, .xubox_iframe, .xubox_layer embed{ width:100% !important;}
}

@media only screen and (max-width: 479px) {
	.wp , .bor, .tuijian , .topics_info h1 , .topics_info .share , .tv_info , .stills dl dt , .stills dl dt img , .play .title , .play .player , .play .player iframe , .play_tixing , .topics_img , .topics_img img , .bor .juzhao dl dt img , .bor .juzhao dl dt{
		width:100% !important;
		box-sizing: border-box;
	}
	.nav .left , .nav .right , .topics_info{
		width:auto;
	}
	.nav .right{
		background:#fff;
		height:35px;
		overflow: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		float:left;
		width:100%;
	}
	.nav .right li{
		display: inline-block;
		float:none;
		margin:0px 10px;
	}
	.header{
		height: 200px;
		background-size: cover;
	}
	.topics_info{
		height:280px;
		float:none;
	}
	.tv_info{
		float:left;
		margin-top:10px;
	}
	.bor .juzhao dl , .stills dl , .play .title h1 , .play .title span{
		width: 48%;
		float: left;
		padding:0px;
		margin: 10px 1% 0px 1%;
	}
	.play .title h1 , .play .title span{
		margin-top:0px;
	}
	.topics_img{
		height:200px;
	}
	.topics_info{
		margin:10px;
		height:auto;
	}
	.play , .play_tixing{
		height:auto;
	}
	.xubox_layer{ width:90% !important;}
	.xubox_border, .xubox_title, .xubox_iframe, .xubox_layer embed{ width:100% !important;}
}