@charset "utf-8";
/* CSS Document */
* {margin:0px;padding:0px;}
body {font-family:"Microsoft Yahei";font-size:14px;color:#333;text-align:left;background:#fff;margin:0px auto;}
a:focus {outline:none;}
a {color:#333;text-decoration:none;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
a:hover {color:#b81c22;text-decoration:none;}
ul, li {list-style:none;}
img {border:none;}
.clear {clear:both;}
.en {font-family:Georgia, Arial;}
.kr {font-family:Gulim, Dotum;}
.jp {font-family:MS PGothic;}
.w1200 {width:1200px;margin:40px auto 0px;}
.k1200 {width:1200px;margin:0px auto 0px;}
.fl {float:left !important;}
.fr {float:right !important;}
.mb-30 {margin-bottom: 40px;}

.bpic, .maina-wap, .video-list22 {display:none;}

.banner {overflow:hidden;width:100%;height:325px;background:url(img/banner.jpg) no-repeat center 0px;margin:0px auto;}

/*详情页样式*/
.naini {overflow:hidden;width:1200px;margin:25px auto 0px;padding:0px 0px 15px;border-bottom:1px dotted #c4c4c4;}
.naini h1 {font-size:24px;text-align:center;line-height:32px;padding:0px 0px 10px;}
.naini p {font-size:14px;color:#999;text-align:center;font-weight:normal;line-height:24px;}

.nainj {overflow:hidden;font-size:16px;width:1200px;line-height:32px;margin:15px auto 0px;padding:0px 0px 40px;}
.nainj p {margin:15px 0px 0px;}
.nainj img {margin:15px 0px 0px;}

/*面包屑导航样式*/
.crumbs {margin:0 auto;padding:40px 12px;width:1176px;position:relative;background:#fff;font-size:18px;color:#1b1b1b;}
.crumbs a {font-size:18px;color:#1b1b1b;}
.crumbs a:hover {color:#c90827;}

/*作品列表页样式*/
.video-list2 {margin:30px auto;width:1200px;font-size:0;}
.video-list2 li {display:inline-block;margin-right:16px;width:282px;}
.video-list2 li:nth-child(4n) {margin-right:0;}
.video-list2 li:nth-child(n+5) {margin-top:20px;}
.video-list2 li .pic {position:relative;width:100%;height:188px;}
.video-list2 li .pic img {width:100%;height:100%;vertical-align:top;}
.video-list2 li h3 {margin-top:6px;font-weight:normal;}
.video-list2 li h3 a {height:30px;line-height:30px;font-size:18px;color:#333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align:center;}
.video-list2 li h4 a:hover, .video-list2 li h3 a:hover{color:#cd0000;}


/*底部样式*/
.footer {padding:20px 0;overflow:hidden;font-size:14px;color:#fff;text-align:center;background:#b81c22;width:100%;}
.footer p {margin-top: 15px;}
.footer p:first-child {margin-top:0;}

@media only screen and (min-width:0px) and (max-width:850px)
{
    .w1200 {width:94%;margin:3% auto 0px;}
    .fl {float:none !important;}
    .fr {float:none !important;}
    .banner, .maina, .bg {display:none;}
    
    .bpic {margin:0 auto;display:block;}
    .bpic img {width:100%;}
    
    .crumbs {padding:3%;width:94%;position:relative;font-size:14px;}
    .crumbs a {font-size:14px;}
    
    .video-list2 {padding-bottom:5%;width:94%;margin:3% auto;text-align:center;}
    .video-list2 li {margin-bottom:3%;margin-right:0;float:left;width:48.5%;}
    .video-list2 li:nth-child(2n) {float:right;}
    .video-list2 li .pic {height:125px;}
    .video-list2 li h4 {margin-top:1%;height:44px;line-height:22px;-webkit-line-clamp: 2;}
    .video-list2 li h4 a {display:block;font-size:14px;}
    .video-list2 li h3 {margin-top:1%;}
    .video-list2 li h3 a {height:22px;line-height:22px;font-size:14px;}
    .video-list2 li:nth-child(n+5) {margin-top:0;}
    
    .naini {width:94%;margin:0 auto 0px;padding:0 3% 3%;}
    .naini h1 {font-size:21px;text-align:center;line-height:30px;padding:0px 0px 2%;}
    .naini p {font-size:12px;line-height:21px;text-indent:0 !important;}
    .naini p img {display:block;max-width:100%;height:auto !important;margin:2% auto 0px;}
    
    .nainj {width:94%;line-height:28px;margin:0 auto 0px;}
    .nainj p {margin:2% 0px 0px;text-indent:0 !important;}
    .nainj img {display:block;max-width:100% !important;height:auto !important;margin:2% auto 0px;}
    .nainj p video {width: 100% !important;height:auto !important;}
    
    .footer {padding:3.5% 0;}
    .footer p {margin-top: 2.5%;}
}