
body,html{}
section{width: 100%;height: 100%;min-width: 1200px;}
header{min-width: 1200px;position: absolute;box-shadow: none;}
header.move{top: 0;opacity: 1;}
footer{min-width: 1000px;}
.login-bg,.reg-bg{min-width: 1000px;}
.container{min-height: 700px;width: 1200px;padding: 10px 5px;margin: 0 auto;}

.case-nav{width: 100%;height: 42px;background: #666;}
.case-nav ul{overflow: hidden;margin: 0 auto;width: 1170px;border-left: 1px solid #777;}
.case-nav ul li{float: left;position: relative;z-index: 10;border-right: 1px solid #777;}
.case-nav ul li:first-child{}
.case-nav ul li a{display: block;padding: 0 15px;min-width: 120px;height: 42px;line-height: 42px;text-align: center;font-size: 14px; color: #fff;}
.case-nav ul li.active{background: #444;}
.case-nav ul li:hover{background: #444;}

/*关键词搜索*/
.key-search{padding: 5px 0;float: right;margin-left: 10px; height: 40px;}
.key-search input{height: 30px;line-height: 30px;padding: 8px 10px;font-size: 14px; width: 220px; background: #fff;border: 0;border-radius: 3px;}
.key-search button{margin-left: 10px;height: 30px;line-height: 30px;border-radius: 3px; width: 40px;padding: 0;}
.key-search button span{font-size: 18px;color: #fff;}

/*影视剧基地*/
.studio{width: 100%;overflow: hidden;}
.studio .box{float: left; width: 33.33%;padding: 10px;}
.studio .box:hover .info{bottom: 0;}
.studio .box a{display: block; color: #eee; background: #fff;box-shadow: 0 0 5px #ccc;position: relative;overflow: hidden;}
.studio .box a:hover .info span{color: #f60;}
.studio .box a:hover .img img{opacity: 0.9;}
.studio .box .img{width: 100%;;padding: 10px; font-size: 0;float: left;}
.studio .box .img img{width: 100%;height: 100%;}
.studio .box .info{width: 100%;height:auto; padding: 10px;float: left;position: relative;overflow: hidden;}
.studio .box .info span{font-size: 18px;color: #666;}
.studio .box .info p{color: #999;height: 42px;margin-top: 5px;overflow: hidden;font-size: 14px;}
.studio .box .info em{color: #666;font-style: normal;font-size: 16px;bottom: 10px;}
.studio .box .info em i{color: #f60;font-size: 18px;}


/*案例*/
.case-box{width: 100%;overflow: hidden;}
.case-box .box{padding: 10px;width: 33.33%;float: left;}
.case-box .box a{display: block;width: 100%;height: 100%;padding: 10px; background: #fff;border: 1px solid #ddd;overflow: hidden;}
.case-box .box a:hover .info span{color: #f60;}
.case-box .box a:hover .img img{opacity: 0.9;}
.case-box .box .img{width:100%;margin-bottom: 5px;}
.case-box .box .img img{width: 100%;height: 100%;}
.case-box .box .info{width: 100%;position: relative;}
.case-box .box .info span{font-size: 18px;color: #666;max-width: 100%;display: block;font-weight: bold;}
.case-box .box .info p{height: 42px;width: 100%;margin-top: 10px; font-size: 14px;color: #666;overflow: hidden;}
.case-box .grid{float: left;}

/*正在开拍*/
.shoot{width: 100%;overflow: hidden;margin-bottom: 20px;}
.shoot .box{width: 33.33%;padding: 10px; float: left;}
.shoot .box a{display: block;box-shadow: 0 0 5px #ccc;background: #fff;}
.shoot .box a:hover .info span{color: #f60;}
.shoot .box a:hover .img img{opacity: 0.9;}
.shoot .box .img{width: 100%;padding: 10px;}
.shoot .box .img img{width: 100%;height: 100%;}
.shoot .box .info{width: 100%;background: #fff;padding: 10px;padding-top: 0;}
.shoot .box .info span{color: #666;font-size: 16px;}
.shoot .box .info div{margin: 10px 0;height: 22px;overflow: hidden;}
.shoot .box .info div em{padding: 3px 10px;background: #999;display: inline-block; font-size: 12px;color: #fff;font-style: normal;}
.shoot .box .info p{color: #666;height: 40px;overflow:hidden; font-size: 14px;}

.studio .box .info span,
.case-box .ul li .info span,
.shoot .box .info span{display: block;font-weight: bold;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*最新备案*/
section .record{width: 1170px;margin: 0 auto; background: #fff;padding: 0 50px;}
.record .box{width: 100%;margin: 0 auto;padding: 40px 0;}
.record .box .title{width: 100%;overflow: hidden;margin-bottom: 20px;}
.record .box .title i{float: left;font-size: 60px;color: #999;margin-top: 2px;}
.record .box .title p{float: left;margin-left: 20px;}
.record .box .title p span{font-size: 28px;font-weight: bold;color: #333;display: block;margin-bottom: 5px;}
.record .box .title p em{color: #666;font-size: 14px;font-style: normal;}
.record .box ul{border-top: 1px solid #eee;border-bottom: 1px solid #666;padding: 20px 0;}
.record .box ul li{overflow: hidden;padding: 5px 0;}
.record .box ul li span{float: left;width: 120px;color: #333;font-weight: bold;}
.record .box ul li p{float: left;width: 830px;color: #666;}
.record .box ul li u{display: inline-block;width: 28px;}


/*案例-详细内容-文章页*/
.article{width: 1170px;margin: 10px auto 30px auto;padding: 15px;background: #fff;}
.article .title{padding: 15px 0;text-align: center;margin-bottom: 30px;}
.article .title span{font-size: 25px;font-weight: bold;color: #444;}
.article .title p{color: #999;margin-top: 15px;background: #f1f1f1;padding: 5px;}
.article .brief{padding: 15px 0;font-size: 16px;color: #999;}
.article .brief span{display: block;width: 100%;color: #666;margin-bottom: 10px;font-size: 20px;}
.article .brief span i{margin-right: 10px;}
.article .img-ban{width: 100%;text-align: center;}
.article .img-ban img{max-width: 100%;height: auto;}
.article .content{padding: 15px 0;min-height: 500px;}
.article .content img{max-width: 100%;height: auto;}
.article .content .info-list ul li{display:table; margin: 15px 0;}
.article .content .info-list ul li span{display:table-cell;min-width: 120px;padding-right: 10px; font-weight: bold;color: #666;}
.article .content .info-list ul li p{display:table-cell;color: #333;}
.con-body{margin-top: 30px;overflow: hidden;}
.con-body img{max-width: 100%;height: auto;}
.con-body *{min-width: 0;height: auto;width: auto;margin: 0;padding: 0;line-height: normal;background: none;}

/*图片列表-放大显示*/
.article .img-box{width: 100%;border-top: 1px dashed #ccc;margin-top: 30px; padding: 30px 0;}
.article .img-box ul{overflow: hidden;}
.article .img-box li{width: 32.33%;height: 200px;margin: 0.5%; float: left;position: relative;cursor: pointer;
    background-color: #999;background-position: center center;background-size: cover;}
.article .img-box li span{width: 100%;height: 100%;line-height: 200px;color: #fff;text-align: center;font-size: 30px;
    background:url(../images/cover50.png) repeat;opacity: 0;filter: alpha(opacity=0);transition: 0.2s all;}
.article .img-box li:hover span{opacity: 1; filter: alpha(opacity=100);}
.article .img-box li.not-img{display: none !important;}

/*上一页-下一页*/
.up-down{width: 100%;}
.up-down p{padding: 5px 0;color: #666;}
.up-down p a{color: #888;}
.up-down p a:hover{color: #f60;}

/*分页*/
.page-box{padding: 20px 0;}

/*媒体查询*/
@media (min-width:1400px) and (max-width:1600px) {

}
@media (min-width:1000px) and (max-width:1400px) {

}
@media (max-width:1000px) {

}



