.video-list-content{background:#fafafa;display:flex;flex-wrap:wrap;overflow:hidden}.video-list-content .content-item{float:left;padding:5px;position:relative;vertical-align:top;width:20%}.video-list-content .content-item .title{line-height:35px}.video-list-content .content-item .title a{color:#333;font-size:14px}.video-list-content .content-item .video-pic:hover .player{opacity:1}.video-list-content .content-item .video-pic{background-size:cover;display:block;padding-top:60%;position:relative}.video-list-content .content-item .video-pic .content-img{left:50%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;z-index:1}.video-list-content .content-item .video-pic .player{background:linear-gradient(transparent,rgba(0,0,0,.5));color:#fff;display:block;filter:alpha(opacity=0);height:100%;left:0;opacity:0;position:absolute;text-indent:15px;top:0;transition:opacity .3s;width:100%;z-index:1}.video-list-content .content-item .video-pic .player:hover{opacity:1}.video-list-content .content-item .video-pic .player img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.video-list-content .content-item .note{padding:5px 10px}.video-list-content .content-item .text-bg-r{background-image:linear-gradient(transparent,rgba(0,0,0,.5));background-repeat:no-repeat;bottom:0;color:#fff;display:block;font-size:12px;left:0;padding:7px 15px;position:absolute;right:0;text-align:right;z-index:3}.text-overflow-2{height:40px}@media screen and (max-width:738px){.video-list-content .content-item{width:50%}}
