.b-box .video .s-pic {
    height: 162px
}

.b-box .video {
    display: block;
    overflow: hidden;
    width: 288px;
    height: 162px;
    cursor: pointer
}

.b-box .video:hover .img-none {
    display: none
}

.b-box .video video {
    display: none;
    width: 288px;
    height: 162px;
    background: #000;
    object-fit: fill
}

.b-box .video .video-spec {
    object-fit: contain
}

.b-box .video .video-time {
    position: absolute;
    right: 14px;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    width: 100px;
    height: 30px;
    color: #fff;
    text-align: right;
    font-size: 15px;
    font-family: Arial;
    line-height: 30px
}

.b-box .video:hover video {
    display: block
}

.b-box .video .mark {
    display: none;
    height: 162px
}

.b-box .video:hover .mark {
    display: none
}

.b-box .video .v-down {
    position: absolute;
    top: 12px;
    left: 50%;
    z-index: 2;
    margin-left: 65px;
    padding-left: 21px;
    width: 45px;
    height: 31px;
    border-radius: 2px;
    background: url(../image/video.png) -8px -77px no-repeat #007aff;
    color: #fff;
    font-size: 20px;
    font-size: 14px;
    line-height: 31px;
    opacity: 0;
    cursor: pointer;
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.b-box .video .v-down:hover {
    background: url(../image/video.png) -8px -77px no-repeat #6e91e6
}

.b-box .video .v-collect {
    position: absolute;
    top: 12px;
    left: 50%;
    z-index: 2;
    margin-left: 23px;
    padding-left: 0;
    width: 31px;
    height: 31px;
    border-radius: 2px;
    background: url(../image/video.png) -11px 5px no-repeat #fff;
    color: #333;
    letter-spacing: 7px;
    font-size: 20px;
    font-size: 17px;
    line-height: 31px;
    opacity: 0;
    cursor: pointer;
    ilter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.b-box .video:hover .v-collect,
.b-box .video:hover .v-down {
    opacity: 1;
    ilter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.b-box .video .chosed {
    background: url(../image/video.png) -11px -36px no-repeat #fff
}

.b-box .video .title {
    position: absolute;
    bottom: 0;
    left: 17px;
    z-index: 1;
    overflow: hidden;
    width: 200px;
    height: 30px;
    color: #fff;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 30px;
    -o-text-overflow: ellipsis
}

.b-box .video:hover .title,
.b-box .video:hover .video-bq,
.b-box .video:hover .video-time {
    display: none
}

.b-box .video:hover .mc-bottom {
    display: none
}

.b-box .video .mc-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 32%;
    background: #000;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -webkit-gradient(linear, bottom, top, color-stop(0, rgba(0, 0, 0, .4)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, .4) 0, transparent 100%)
}

.video-bq {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 50px;
    height: 50px;
    background: url(../image/video.png) -7px -143px no-repeat
}

.sixfivewidth {
    width: 65% !important
}

@media screen and (max-width:1300px) {
    .b-box .video {
        width: 240px;
        margin-right: 11px;
        height: 135px
    }

    .b-box .video .s-pic {
        height: 135px
    }

    .b-box .video video {
        width: 240px
    }

    .b-box .video .v-collect {
        margin-left: 12px
    }

    .b-box .video .v-down {
        margin-left: 49px
    }

    .b-box .video .title {
        width: 150px
    }
}