body {font-family: "microsoft yahei","simsun";background-color: #f2f2f2}
.container{
    padding:0;
}
.video-container .col-lg-12,.video-container .col-md-12,.video-container .col-sm-12,.video-container .col-xs-12,.video-container .col-lg-3,.video-container .col-md-3,.video-container .col-sm-6,.video-container .col-xs-6{
    margin: 0;
    padding: 0;
}
.video-container .row{
    margin: 0;
}
.videoinf{
    margin-bottom:20px;
}
/*视频类别导航*/
/*.video-nav{position:relative;width:100%;background-color:#fff;border-top:1px solid #044999;}*/
/*.video-nav.fixed{position:fixed;z-index: 999;-webkit-animation: bounceindown .8s;-moz-animation: bounceindown .8s; -ms-animation: bounceindown .8s;-o-animation: bounceindown .8s;animation: bounceindown .8s;}*/
.video-top-adv{margin-top: 10px;margin-bottom: 30px; display: none;padding: 0;}
.video-bottom-adv{padding: 0;margin-top: 30px;margin-bottom: 30px;background-color: #f0a30a; display: none;}
/*.video-nav ul{width:100%;}
.video-nav ul li a{display:block;color:#333;text-align:center;}
.video-nav ul li a.cur{background-color:#044999;color:#fff;}*/

/*视频列表*/
.video-list .info-img{
    position:relative;
    width:270px;
    height: 180px;
    overflow: hidden;
}
.video-list .info-img a{display:block;}
.video-list .info-img img{max-width:100%;width:100%;}
.video .play{
    position:absolute;
    left:50%;
    top:50%;
    border: 2px solid #fff;
    background: none;
    border-radius:50%;
    text-align: center;
    z-index: 1;
    -webkit-box-shadow:0 0 10px rgba(238,238,238, .5);
    -moz-box-shadow:0 0 10px rgba(238,238,238, .5);
    box-shadow:0 0 10px rgba(238,238,238, .5);
}
.video .play .icon{
    color: #fff;
    position: relative;
    left: 2px;
    top: 10px;
}
.video-list .info-title{overflow:hidden;}
.video-list .info-title a{color:#333;}

/*视频详情页视频正文*/
.video .video-title{color:#333;font-weight:normal;}
.video .video-info{background:#f4f4f4;}
.video .video-info .info-num{border-bottom: 1px solid #eee;}
.video .video-info .info-num .num-icon{display:inline-block;background-color:#ff6666;text-align:center;}
.video .video-info .info-num .num-icon .icon{color:#fff;}
.video .video-info .info-num span{color: #636363;vertical-align:middle;}
.video .video-info .info-desc{color: #ccc;}

/*视频详情页推荐视频*/

/*@media screen and (min-width : 992px){*/
    /*视频头条*/
    .videobg{
        padding-top: 20px;
        background-color: #e5e5e5;
    }
    .video-intro{
        width: 1200px;
        overflow: hidden;
        margin: 0 auto;
        padding-bottom:35px;
    }
    .videobox .video-small{
        width: 400px;
        height: 200px;
        float: left;
        position: relative;
    }
    .videobox .video-small p{
        position: absolute;
        left: 0;
        bottom: 0;
        height: 68px;
        font-size: 16px;
        text-align: left;
        padding: 4px 20px;
        line-height: 25px;
        color: #fff;
       /* font-weight: 600;*/
        width: 100%;
       /* background: rgba(0,0,0,0.56);*/
        background: linear-gradient(top, rgba(0,0,0,0), #000);
        background: -ms-linear-gradient(top, rgba(0,0,0,0), #000);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0), #000);
        background: -moz-linear-gradient(top, rgba(0,0,0,0), #000);
        overflow: hidden;
    }
    .video-small img{
        width: 100%;
        height: 200px;
    }
    .videobox .play{
        width: 60px;
        height: 60px;
        border-width: 4px;
        left: 20px;
        top: 32%;
    }
    .videobox .play .icon{
        font-size: 48px;
    }
    .videobox .play .icon{
        top: -6px;
    }
 /*视频类别导航*/
    .video-nav{
        width: 1200px;
        border-top:1px solid #1e3f6a;
    }
    .video-nav ul li{
        position: relative;
        display: inline-block;
    }
    .video-nav a{
        display: inline-block;
        float: left;
        /*width: 120px;*/
        height: 55px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 10px;
        cursor: pointer;
        font-size: 16px;
        color: #1e3f6a;
        line-height: 55px;
    }
    .video-nav a.cur{
        background-color: #124682;
        color: #fff;
        font-weight: 600;
        font-size: 18px;
    }
    .triangle-down{
        position: absolute;
        width: 0;
        height: 0;
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        border-top:10px solid #104879;
        bottom: 0;
        left: 50%;
        margin-left: -10px;
        display: none;
    }
    .video-nav a.cur .triangle-down{
        display: block;
    }


    /*
    .video-top .video-pic{display:inline-block;width:420px;height:280px;}
    .video-top .video-pic img{width:100%;height:100%;}
    .video-top .video-content{float:right;width:427px;height:280px;padding:15px 20px 20px;border:1px solid #eee;border-left:none;}
    .video-top .video-content .title{margin-bottom:20px;line-height:30px;font-size:20px;font-weight:normal;text-overflow: ellipsis;-webkit-text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
    .video-top .video-content .title a{color:#333;}
    .video-top .video-content .title a:hover{color:#044999;}
    .video-top .video-content .remarks{height:96px;margin-top:4px;line-height:24px;font-size:16px;color:#999;text-overflow: ellipsis;-webkit-text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;}
    */


 /*   .video-nav{margin-top:30px;height:40px;}
    .video-nav.fixed{top:52px;height:50px;}
    .video-nav ul{height:40px;background-color:#efefef;}
    .video-nav.fixed ul{box-shadow:0 2px 3px #ddd;}
    .video-nav ul li{float:left;}
    .video-nav ul li a{display:block;width:130px;height:40px;line-height:40px;font-size:16px;text-align:center;}
    .video-nav ul li:hover a{background-color:#044999;color:#fff;}
*/
    /*视频列表*/
    .allvideo{
        background-color: #fff;
    }
    .video-list{
        width: 1200px;
        padding:15px 30px 0;
    }
    .video-list .row{
        margin: 0;
        overflow: hidden;
    }
    .video-list .info-img img{height:180px;-webkit-transition:.7s;transition:.7s;}
    .video-list .info-img .play{
        width:48px;
        height:48px;
        line-height:24px;
        margin:-24px 0 0 -24px;
        border: 3px solid #fff;
        background: none;
    }
    .video-list .info-img .play .icon{
        font-size:30px;
    }
    .video-list .info-title{
        height: 42px;
        margin: 12px 0 25px;
        padding: 0 26px;
        text-align: center;
/*        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;*/
    }
    .video-list .info-title a{font-size:14px;}
    .video-list .info-title a:hover{color:#044999;}
    .video-list .info-img:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}
    .video-list .info-img:hover .play,.videobox .video-small:hover .play{background:rgba(4, 73, 153, 0.8);}

    .col3{
        float: left;
        width: 270px;
        margin-right: 20px;
    }
    .col3:nth-child(4n){
        margin-right: 0;
    }

    /*往期牛车实验室*/
    .video-hot{width:262px;}
    .video-hot .topic-list{margin-top:10px;}
    .video-hot .topic-list .swiper-container {width:100%;}
    .video-hot .topic-list .swiper-container .swiper-slide img {display: block;width:100%;height:175px;vertical-align:middle;}
    .video-hot .topic-list .swiper-container .swiper-slide .title {display:block;margin-top:26px;padding:0 5px;width:100%;height:20px;line-height:20px;font-size:14px;color: #333;text-align: center; z-index: 1;}
    .video-hot .topic-list .swiper-container .swiper-pagination { top:180px;bottom: auto;}
    .video-hot .topic-list .swiper-container .swiper-pagination .swiper-pagination-bullet {display: inline-block; margin-right: 5px;width: 8px;height: 8px; border-radius: 50%;background:#ff6666;box-shadow: 0 1px 2px #ccc; vertical-align: middle;}

    /*视频详情页面包屑*/
    .bread-nav{line-height:40px;border-bottom:1px solid #eee;}
    .bread-nav a{line-height:40px;font-size:13px;color:#333;}
    .bread-nav span{font-size:13px;color:#333;}
    .bread-nav a:after{margin:0 6px;content:'·';font-size:13px;color:#fff;}
    .bread-nav a:hover{color:#044999;}

    /*视频详情页视频正文*/
    .video-container{
        margin: 0;
        padding: 0;
    }
    .detail-main{
        margin-bottom: 30px;
        margin-top: -18px;
    }
    .video-bg{
        margin-top: 18px;
        overflow: hidden;
    }
    .video-adv{
        height: 90px;
        margin-top: 20px;
        margin-bottom: 40px;
        overflow: hidden;
        display: none;
    }
    .video-adv img{
        width: 100%;
    }
    .video-main{
        padding-bottom: 45px;
    }
    .video-top{
        width: 100%;
        position: relative;
        margin:0 auto;
    }
    .video-top .bread-nav{
        position: absolute;
        top: 26px;
        left: 0;
        border: none;
    }
    .video-top .bread-nav a{
        font-size: 28px;
        color:#fff;
        font-weight: bold;
    }
    /*.video-top .bread-nav .la-v{
        color:#fff;
    }*/
    .video-top .bread-nav a:after{
        font-size: 30px;
    }
    .video-top .bread-nav .la-v:after{
        display: none;
    }
    .s-videobox{
        width: 1200px;
        margin-top: 144px;
        overflow: hidden;
    }
    .video-leg{
        float: left;
        width: 800px;
    }
    .video-inf{
        width:100%;
        height:533px;
    }
    .video-info-in{
        padding-top: 20px;
        overflow: hidden;
    }
    .v-i-l{
        width: 800px;
        float: left;
    }
    .v-i-r{
        margin-left: 93px;
        float: left;
    }
    .video-title{
        height:70px;
        font-size:24px;
        color:#fff;
        font-weight: bold;
        line-height:35px;
        overflow: hidden;
    }
    .info-desc{
        padding-bottom: 28px;
        line-height: 24px;
        font-size: 14px;
        color: #ccc;
    }
    .video-info-in .info-num{
        height: 40px;
        color: #aaa;
    }
    .video-info-in .shared{
        margin-top: 40px;
        color: #ccc;
        overflow: hidden;
    }

    .video-info-in .shared h3{
        height: 50px;
        font-size: 18px;
        color: #fff;
    }
    .video-info-in .shared h3:before,.video-info-in .shared h3:after{
        content: "";
        display: inline-block;
        width: 55px;
        height: 1px;
        background-color: #999;
        position: relative;
        top: -5px;
    }
    .video-info-in .shared h3:before{
        margin-right: 20px;
    }
    .video-info-in .shared h3:after{
        margin-left:20px;
    }
    .video-info-in .shared .share-btn{
        display: inline-block;
    }
    .video-info-in .shared .share-btn p{
        display: inline-block;
        padding: 0;
    }
    .video-top .shared .share-btn a{
        font-size: 52px;
        float: none;
        background: none;
        margin: 0 22px 0 0;
        padding: 0;
    }
    .share-btn .icon-weixin ,.video-info-in .shared .share-btn .icon-weixin:hover{
    color: #59c622;
    }
    .share-btn .icon-qq ,.video-info-in .shared .share-btn .icon-qq:hover{
    color: #ffba02;
    }
    .share-btn .icon-weibo,.video-info-in .shared .share-btn .icon-weibo:hover{
    color: #dd4444;
    }
    /*.video-info-in .info-num .num-icon{margin-right:6px;width:14px;height:14px;line-height:14px;border-radius:3px;}*/
    .video-info-in .info-num .num-icon .icon,.video-list-r .v-title .num-icon{
        display: inline-block;
        position: relative;
        width: 18px;
        height: 18px;
        border: 1px solid #aaa;
        border-radius: 50%;
        margin-right: 20px;
        top:3px;
    }
    .video-info-in .info-num .num-icon .icon:before{
        position: absolute;
        top: -3px;
        right: -1px;
    }
    .video-source{
        overflow: hidden;
        color: #ccc;
    }
    .video-source i{
        display: inline-block;
        /*width: 68px;*/
        height: 24px;
        padding: 0 12px;
        border: 1px solid #ccc;
        margin-right: 10px;
        line-height: 24px;
        font-style:normal
    }
    .video-source span:first-child{
        margin-right: 20px;
    }
    .video-source i:first-child{
        margin-left:10px;
    }
    .video-source i:last-child{
        margin-right:0;
    }
    /*视频详情页推荐视频*/
    .video-container{
        overflow: hidden;
    }
    /*.video-rec .column-title{
        margin-bottom:26px;
    }
    .column-title label{
        padding: 0 20px;
        height: 50px;
        background-color: #124682;
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        font-weight: bold;
        position: relative;
    }
    .column-title:before{
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #124682;
        position: absolute;
        top:50px;
        left: 46px;
    }*/
    .video-rec{
        width: 100%;
    }
    .video-rec .video-list{
        padding:0 25px;
    }
    .video-rec .video-list .info-img{height:142px;}
/*
}
*/


.video-rec .col-md-3{
}
.video-rec .col-md-3:nth-child(4n){
    margin-right: 0;
}
.video-rec .video-list .info-img{
   width: 100%;
   height: 180px;
}
.video-rig{
    width: 400px;
    height: 533px;
    /*padding-left:14px;*/
    float: left;
    background-color: #201f25;
    overflow: hidden;
}
.co-title{
    height: 60px;
    border-bottom:1px solid #333;
    font-size: 24px;
    color: #f2f2f4;
    line-height: 60px;
}
.co-title:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 24px;
    background-color: #ff0000;
    position: relative;
    top: 4px;
    margin-right: 18px;
}
.video-rig .row-r{
    padding: 20px 22px 0;
}
.video-list-r{
    overflow: hidden;
    margin-bottom:25px;
}
.video-list-r:last-child{
    margin-bottom: 0;
}
.video-list-r:nth-child(-n 4){
    display: block;
}

.video-list-r div{
    float: left;
}
.video-list-r .v-img{
    width: 99px;
    height: 66px;
    overflow: hidden;
}
.video-list-r .v-img img{
    width: 100%;
    height: 100%;
}
.video-list-r .v-title{
    width: 246px;
    height: 66px;
    margin-left: 10px;
    overflow: hidden;
}
.v-t-p{
    height: 40px;
    margin-bottom:10px;
    line-height: 20px;
    overflow: hidden;
    color: #ffffff;
}
.v-t-t{
    color: #999;
}
.video-list-r .v-title .num-icon{
    width: 20px;
    height: 20px;
    background-color: #e3e3e3;
    border: none;
    color: #aaa;
    top: 0;
}

.video-list-r .v-title .num-icon .icon{
    position: relative;
    left: 3px;
    top: -1px;
}
.video-row .comment-list li{
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}
.video-row .comment-list li:last-child{
    border-bottom:none;
}
.video-row .article-comment{
    margin-top: 0;
}
.video-container .hui-row{
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.hui-row,.video-row{
    background-color: #fff;
}

@media screen and (min-width : 992px) and (max-width : 1200px){
    .video-top{
        width: 100%;
        margin: 0 auto;
    }
    .video-leg{
        float: left;
        width: 69%;
    }
    .video-inf {
      height: 382px;
    }
    /*视频头条*/
    .video-top .video-pic{width:348px;height:232px;}
    .video-top .video-content{width:349px;height:232px;}

    /*视频列表*/
    .video-rig{
        width: 31%;
        height: 382px;
    }
    .video-list-r{
        margin-bottom: 10px;
    }
    .video-list-r .v-title {
        width: 166px;
        padding-right: 10px;
        margin-left: 10px;
    }
    .video-list-r .v-title p{
        height: 73px;
    }
    .video-list .info-img img{height:180px;}

    /*往期牛车实验室*/
    .video-hot{width:212px;}
    .video-hot .topic-list{margin-top:0;}
    .video-hot .topic-list .swiper-container .swiper-slide img {height:141px;}
    .video-hot .topic-list .swiper-container .swiper-pagination { top:144px;}
    .video-list-r .v-img {
        width: 110px;
        height: 73px;
    }
    .video-rec .col-md-3{
        width: 227px;
        margin-right: 20px;
    }
    .video-rec .video-list .info-img{
       width: 100%;
       height: 134px;
    }
    .video-top .bread-nav{top:0;}
    .video-top .bread-nav a {font-size: 18px;}
}