/*.article-video-header .article-title h3{
    font-size: 18px;
    padding-bottom: 10px;
}*/
body,article.l-s,aside .f-sec{
    background:#fff;
    padding: 0;
}
.main-container {
    width: 1200px;
}
@media(min-width: 800px){
    .top-video-wrap {
    height: 550px;
    background:#000;
    margin-top: 50px;
    margin-bottom: -60px;
}
.top-video-wrap .videoContainer{
    width: 785px;
    margin:0 auto;
}
}

.article-video-header,
.article-video-body,
.related-articles,
.article-video-footer,
.mobile-column-intro{
    background:#ffffff;
    box-shadow:0px 1px 2px 0px rgba(0,0,0,0.10);
    margin-top: 10px;
    box-sizing:border-box;
    padding:10px;
}
.article-video-header{
    margin-top: 0;
}
.article-video-header .article-title {
    padding: 0 !important;
}
.userAndShare-info .user-info,
.userAndShare-info .zan-info,
.userAndShare-info .share-info{
    float:left;
}

.userAndShare-info .share-info .share-wrap{
    margin: 0;
}
.userAndShare-info .user-info,
.userAndShare-info .zan-info{
    margin-top: 15px;
}
.userAndShare-info .zan-info{
    margin-left: 17px;
    margin-right: 20px;
}
.userAndShare-info .zan-info .icon-like{
    font-size: 22px;
}
.userAndShare-info .zan-info .like-num{
    padding:2px;
}
.zan-info .like-btn.active{
    color: var(--color-primary);
}
.userAndShare-info .share-info .bdshare-button-style1-32{
    margin: 0;
}
.share-info .bdshare-button-style1-32 a{
    border: none !important;
}
.related-posts{
    border:none;
}
.column-intro-container,.attention-container,.vr-container{
    background:#ffffff;
    box-shadow:0px 1px 2px 0px rgba(0,0,0,0.10);
}
.column-intro-container{
     margin-bottom: 10px;
}
.attention-container{
    text-align: center;
}
.attention-container img{
    height: 200px;
    width: 200px;
}
.column-intro-container p{
    padding: 10px;
    color: #666 !important;
}
.column-intro-container h3,.attention-container h3,.vr-container h3{
    border-bottom:1px solid #eee;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    padding-left:10px;
    text-align: center;
    font-weight: 500;
    color:#666;
}
.vr-container{
    height: 260px;
    margin-bottom: 10px;
}
.pic-container{
    width: 150px;
    height:150px;
    margin: 25px auto;
}
.attention-container .attention-site div{
    display: inline-block;
    width: 33%;
    height:50px;
    line-height: 50px;
    text-align: center;
}
.related-posts .img-wrapper .mask{
    display: block;
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 30%);
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,.1) 30%);
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.8) 0%, rgba(0,0,0,.1) 45%);
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,.1) 30%);
    background-image: linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,.1) 30%);
}
.related-item-wrap .video-content{
    position: absolute;
    left: 15px;
    bottom:6%;
    color: #fff;
}
.related-item-wrap .icon-play{
    font-size: 30px;
    color: #fff;
    display: block;
    padding: 6px 2px;
}
@media(max-width: 800px){
    .share-info .bdshare-button-style1-32 span{
        display: none;
    }
    .userAndShare-info .share-info{
    float: right;
}
.userAndShare-info .zan-info{
    margin-right: 0;
}
.related-item-wrap .icon-play{
    font-size: 10px;
}
.related-item-wrap .video-content{
    font-size: 5px;
}
}
@media(min-width: 800px){
    .userAndShare-info .zan-info .icon-like{
    display: inline-block;
    margin-top: -10px;
}
}
.r-s .aside-products{
    background:#fff;
    box-shadow:0px 1px 2px 0px rgba(0,0,0,0.10);
}
.f-sec .sec-header{
    height: 30px;
    line-height: 30px;
}
.f-sec .sec-header h2{
    padding:4px 5px;
}
.f-sec .sec-header a{
    margin-right:5px;
}