.content5{
    background: #000 url("../img/big-bg5.jpg") no-repeat center top;
}
.video-box,
.vid-tab{
    width: 1187px;
    margin: 0px auto;
}
.video-box ul{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.vid-tab ul li{
    float: left;
    width: 123px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    font-size: 18px;
    color: #C8c8c8;
    cursor: pointer;
    border: 1px solid #c8c8c8;
    margin-right: 26px;
}
.vid-tab ul li:last-child{
    margin-right: 0px;
}
.vid-tab ul li.cur,
.vid-tab ul li:hover{
    color: #10151b;
    background: #e74c3c;
    border: 1px solid #e74c3c;
}
.video-box ul li{
    position: relative;
    width: 276px;
    height: 216px;
    float: left;
    margin-right: 27px;
    margin-top: 35px;
}
.video-box ul li:nth-child(4n){
    margin-right: 0px;
}

.video-box ul li img{
    display: block;
    width: 276px;
    height: 156px;
}
.video-box ul li:hover .img-hover{
    display: none;
}
.img-hover{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 276px;
    height: 156px;
    background: rgba(0,0,0,.3);
}
.video-box ul li p{
    height: 42px;
    background: #10151b;
    line-height: 1.6;
    padding: 7px 7px 5px;
    color: #c8c8c8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    border: 1px solid #10151b;
    border-top: none;
}
.video-box ul li:hover p{
    background: none;
    border: 1px solid #e74c3c;
    border-top: none;
}

.load-more{
    width: 101px;
    height: 34px;
    margin: 50px auto 0px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
}
.load-more:hover{
    border: 1px solid #e74c3c;
    color: #e74c3c;
}