/*公共样式*/
body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,table,input,button,td,img,tr,dl,dd,dt{margin:0;padding:0;}
ul,li,ol,dl{list-style-type:none;}
input,img{border: none;}
a{text-decoration:none;color:#333;}
a:hover{color:#ff3933;}
body{font-size:14px;color:#333;font-family:'Microsoft YaHei',sans-serif;min-width: 320px;}

/*头部*/
.header {width:100%;overflow: hidden;background: #fff;margin-top:60px;}
.top{width:100%;overflow:hidden;background:#1abc9c;position: fixed;z-index: 9999;top: 0;box-shadow: 0 0 5px #aaa;}
.top .center{min-width:320px;max-width: 1200px;height:60px;line-height:60px;margin:0 auto;font-size:16px;}
.top .logo{float:left;margin-right: 1%;}
.top .logo a{display:block;width:120px;height:60px;color:#fff;font-size: 28px;}
.top .sou{display:none;float:left;margin-left:12%;padding-left:26px;background:url(../style/sd.png) no-repeat -105px 20px;color:#fff;cursor:pointer;}
.top .dh{display:none;float:right;padding-left:26px;margin-right:10%;background:url(../style/sd.png) no-repeat 0 20px;color:#fff;cursor:pointer;}
.nav{float:left;overflow:hidden;}
.nav ul{overflow:hidden;}
.nav ul li{float:left;text-align: center;}
.nav ul li a{display:block;color:#fff;padding:0 12px;}
.nav ul li a:hover{background:#fff;color:#1abc9c;}
.search{width:32%;float:right;background:#fff;margin:15px 1% 0 0;}
.search .in1{float:left;height:30px;text-indent: 10px;width: 80%;}
.search .in2{float:right;width:30px;height:30px;background:url(../style/sd.png) no-repeat -72px 5px;cursor:pointer;}

.nav2{width: 100%;overflow:hidden;}
.nav2 ul{max-width:1200px;margin: 0 auto;border-bottom:1px dotted #eee;}
.nav2 ul span{padding: 2px 3px;margin-left:2px;background: #1abc9c;color: #fff;} 
.nav2 ul li{display:inline-block;line-height:40px;}
.nav2 ul li a{display:inline-block;padding:0 5px;}
.nav2 ul li a:hover,.nav2 ul li a.active{color: #1abc9c;}

/*主体全局*/
.wrap {max-width: 1200px;padding:0 3px;margin:0 auto ;overflow: hidden;}
.row{margin-bottom:10px;overflow:hidden;}

.hd {height: 40px;line-height: 40px;border-bottom: 2px solid #e5e5e5;}
.hd h2{font-size: 20px;display:inline-block;font-weight: normal;border-bottom: 2px solid #1abc9c;}
.hd h2 a{color:#1abc9c;}
.hd h3{font-weight: normal;font-size: 18px;}
.hd strong a{color:#1abc9c;display:inline-block;float:right;font-weight:normal;padding-right:10px;}

.left {width:78%;overflow: hidden;float:left;}
.show{padding:10px 0;overflow: hidden;}
.show ul{overflow:hidden;}
.show ul li{float: left;width:20%;box-sizing:border-box;padding:0 2% 8px 0;}
.show .pic{background: url(../style/bg.png) no-repeat center center;position: relative;height: 0;padding-bottom: 130%;border-radius:5px 5px 0 0;overflow: hidden;}
.show .pic a{display: block;}
.show .pic img{display:block;width: 100%;height: auto;transition: all 0.6s;}
.show .pic img:hover{transform: scale(1.04);}
.show .pic .bg{position: absolute;text-align: right;line-height: 24px;bottom: 0;width: 100%;font-size: 12px;color: #fff;background-image: linear-gradient(transparent,rgba(0,0,0,0.9));box-sizing: border-box;padding-right: 6px;}
.show span {display: block;height:24px;line-height:24px;text-align:left;overflow: hidden;}
.show p{font-size:12px;height:20px;line-height:20px;color:#888;text-align:left;overflow: hidden;}


/*侧边样式*/
.right{width:22%;float:right;overflow:hidden;box-sizing:border-box;padding-left:10px;}
.right ul {overflow:hidden;}
.right ul li {height:45px;line-height:45px;overflow:hidden;}
.right ul li i{display:inline-block;width:20px;line-height:20px;font-size:12px;font-style:normal;background:#eee;text-align:center;margin-right:10px;}
.right ul li:nth-child(-n+4) i{background:#1abc9c;color:#fff;}
.right ul li span{float:right;color:#76b300;padding-right:15px;}

/* 友情链接 */
.link{min-width: 320px;max-width: 1200px;margin:0 auto;background:#eee;clear:both;overflow:hidden;}
.link .hd {padding-left:10px;height:30px;line-height:30px;}
.link .hd span {float:left;}
.link ul li{float:left;line-height:30px;padding:0 12px;}


/*footer内容*/
.footer{padding:10px 0;text-align: center;background: #fafafa;}
.footer a{padding: 0 10px;}
.footer p{line-height: 26px;color:#999;font-size:13px;}

/*相对位置*/
.position{height: 40px;line-height: 40px;padding-left:5px;margin:5px 0;background:#f4f4f4;margin-top: 10px;overflow: hidden;}

/*列表分页样式*/
.page{width: 100%;margin:5px auto;background: #fff;overflow: hidden;}
.page ul{overflow: hidden;}
.page ul li a{float:left;padding:5px 10px;margin:0 5px;border: 1px solid #d6dadd;}
.page ul li a:hover,.page ul li.disabled a{background:#1abc9c;color:#fff;}

/*信息页样式*/
.content{padding:10px 0;border-bottom: 1px solid #d6dadd;overflow: hidden;}
.content .pic{background: url(../style/bg.png) no-repeat center center;float: left;width:240px;height:320px;margin-right:2%;}
.content .pic img{width: 100%;height:100%;}
.content .info h1{height:36px;line-height:36px;font-size: 24px;font-weight:normal;margin-bottom: 10px;overflow: hidden;}
.content .info em{font-size:12px;color:#1abc9c;font-style: normal;}
.content .info p{height: 32px;line-height: 32px;overflow: hidden;}
.content .info p span{color: #999;}
.content .info p a{margin-right: 5px;}
.content .info .bo{line-height: 30px;margin-top:1%;overflow: hidden;}
.content .info .bo a{display: inline-block;padding:0 30px;color:#fff;background:#1abc9c url(../style/bo.png) no-repeat 10px center;border-radius:5px;}

/*播放列表样式*/
.play{margin:10px 0;} 
.play .title{height: 30px;line-height: 30px;padding-left:24px;background:#f4f4f4 url(../style/qh.jpg) no-repeat left center;border-top: 3px solid #e5e5e5;}
.play .title span{display:inline-block;margin:-3px 5px 0 0;background:#fff;width:60px;text-align:center;cursor: pointer;}
.play .title .on{border-top: 3px solid #1abc9c;}
.play p{line-height:30px;color:#666;}
.play-list{padding:10px 0;overflow: hidden;}
.play-list li{display:inline-block;width:100px;height:36px;line-height:36px;text-align:center;margin:0 5px 5px 0;border:1px solid #dfdfdf;overflow:hidden;}
.play-list li a{display:block;}
.play-list li a:hover,.play-list li a.active{background:#1abc9c;color: #fff;}

/*剧情样式*/
.juqing{margin: 10px 0;}
.juqing .title {height: 30px;line-height: 30px;border-top: 1px solid #e5e5e5;}
.juqing .title h2{font-size: 15px;}
.juqing .text{line-height: 24px;padding:5px;}

/*相关影片*/
.related{margin: 10px 0;}
.related .show ul li{width:16.66%;}

/*播放页样式*/
p.copyright{position:absolute;font-size:16px;color:#eee;top:50%;width:100%;text-align:center;line-height:30px;}
.player{position:relative;height:240px;background: #222 no-repeat center center;}
.next{padding:10px 0;background:#222;text-align:right;}
.next a{color:#eee;padding:5px 10px;display:inline-block;background:#333;margin-right:10px;}
.next a:active{color:#ff3933;background:#666;}
.hide{display:none}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}

/*css3媒体查询部分*/
@media screen and (max-width:960px){
.left {width:100%;}
.right{display:none;}
}

@media screen and (max-width:640px){
.header {margin-top:100px;}
.top .sou,.top .dh{display:block;float: right;margin-right: 5%;}
.search{display:none;width:98%;margin: 5px 1%;}
.nav{width:100%;background:#fff;}
.nav ul li{line-height:40px;}
.nav ul li a{color:#333;}
.nav2 ul{overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.link{display:none;}
.show ul li,.related .show ul li{width: 33.333%;}
.show li:nth-child(10),.show li:nth-child(11){display:none;}
.content .pic{width:150px;height:200px;}
.content .info h1{height: 24px;line-height: 24px;font-size:18px;margin-bottom: 0;}
.content .info p{height: 20px;line-height: 20px;}
.play-list li{width:30%}
}