.videodetail{padding:70px 0; background:#fff; }
.videodetail>article{width:1260px;}
.videodetail-contain{float:left; width:72%; padding:0 38px 0 0;}
.videodetail.left .videodetail-contain{float:right; padding:0 0 0 38px;}
.videodetail-contain{float:left; width:72%;}
.videodetail-content{display:block; background:#f8f8f8; padding:25px;}
.videodetail-info{margin:18px 0 28px 0; padding-bottom:8px; border-bottom:1px solid #ebecf3; color:#686868;}
.videodetail-info>b{font-weight:normal; padding-right:2px; color:#51ca5a;}
.videodetail-info>i{font-style:normal; padding-right:18px;}
.videodetail-info>i.fa-star{color:#51ca5a;}
.videodetail-info>i>a{color:#686868;}
.videodetail-info>i>a:hover{color:#51ca5a;}
.videodetail-content>aside{padding-bottom:38px;}
.videodetail-content>aside>p+p{margin-top:8px;}
.videodetail-content>dir{text-align:left; border-top:1px solid #ebecf3; padding:12px 0;}
.videodetail-content>dir>dl{padding:6px 0;}
.videodetail-content>dir>dl:after{display:block; content:''; clear:both;}
.videodetail-content>dir>dl>dt{float:left; margin-right:8px;}
.videodetail-content>dir>dl>dt>b{font-weight:normal; color:#989898;}
.videodetail-content>dir>dl>dd{float:left;} 
.videodetail-content>dir>dl>dd>i{font-style:normal;}
.videodetail-tags{padding:0 0 18px 0;}
.videodetail-tags>a{display:inline-block; margin-top:5px; padding:5px 15px; background:#fff;}
.videodetail-tags>a:hover{color:#fff; background:#51ca5a;}
.videodetail-comment{padding-top:28px;}
.videodetail-sub{float:left; width:28%;}


.videodetail-com{}
.videodetail-com>ul{}
.videodetail-com>ul>li+li{margin-top:8px;}
.videodetail-com>ul>li>a{display: block; overflow: hidden;}
.videodetail-com>ul>li>a>img{float: left;}
.videodetail-com>ul>li>a>span{display: block; margin-left: 90px;}
.videodetail-com>ul>li>a>span>h4{display: block;}
.videodetail-com>ul>li>a>span>h4>i{color:#51ca5a;}
.videodetail-com>ul>li>a>span>h4>b{display: inline-block; font-weight: normal; font-size: 12px;}
.videodetail-com>ul>li>a>span>h3{display: block; font-weight: bold; line-height: 1.4; height: 42px; overflow: hidden;}

@media(max-width:1200px){
.videodetail{padding:30px 0;}
.videodetail-contain{padding-right:18px;}
.videodetail-content{padding:18px;}
}
@media(max-width:992px){
.videodetail-contain,
.videodetail.left .videodetail-contain{float:none; width:auto; padding:0 0 18px 0;}
.videodetail-sub{float:none; width:auto;}
}
@media(max-width:767px){
.videodetail{padding:18px 0;}
.videodetail-info{margin:12px 0 18px 0;}
.videodetail-content{padding:8px;}
.videodetail-content>h1{font-size:20px;}
.videodetail-content>aside{padding-bottom:18px;} 
}