@charset "UTF-8";
.video-vip-list-content {
 background:#fafafa;
 overflow:hidden
}
.video-vip-list-content .video-vip-list.flex-box .flex-box-left {
 width:44%
}
.video-vip-list-content .video-vip-list.flex-box .flex-box-left .content-item {
 width:100%
}
.video-vip-list-content .video-vip-list.flex-box .flex-box-right {
 width:100%;
}
.video-vip-list-content .video-vip-list.flex-box .flex-box-right .content-item {
 width:20%;
}
.video-vip-list-content .video-vip-list .content-item {
 border-top:0;
 float:left;
 padding:5px;
 position:relative;
 vertical-align:top;
 width:20%
}
.video-vip-list-content .video-vip-list .content-item .title a {
 color:#333;
 font-size:12px;
 font-weight:700;
 line-height:30px
}
.video-vip-list-content .video-vip-list .content-item .video-pic:hover .player {
 opacity:1
}
.video-vip-list-content .video-vip-list .content-item .video-pic {
 background-size:cover;
 display:block;
 padding-top:60%;
 position:relative
}
.video-vip-list-content .video-vip-list .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-vip-list-content .video-vip-list .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-vip-list-content .video-vip-list .content-item .video-pic .player:hover {
 opacity:1
}
.video-vip-list-content .video-vip-list .content-item .video-pic .player img {
 left:50%;
 position:absolute;
 top:50%;
 transform:translate(-50%,-50%);
 width:40px
}
.video-vip-list-content .video-vip-list .content-item .note {
 padding:5px 10px
}
.video-vip-list-content .video-vip-list .content-item .vip-tip {
 background:#dab572;
 border-radius:3px;
 font-size:12px;
 font-weight:700;
 padding:3px 5px;
 position:absolute;
 right:0;
 top:5px;
 z-index:99
}
.video-vip-list-content .video-vip-list .content-item .video-title {
 color:#bbb;
 font-family:宋体;
 font-weight:400;
 height:25px;
 line-height:25px;
 overflow:hidden;
 text-align:left;
 text-overflow:ellipsis;
 white-space:nowrap;
 width:90%
}
.video-vip-list-content .video-vip-list .content-item .video-pic {
 /*! background:no-repeat top #ddd; */
 border-radius:5px
}
.video-vip-list-content .video-vip-list .content-item .video-pic .content-img {
 border-radius:5px
}
.video-vip-list-content .video-vip-list .content-item .text-bg-r {
 background-image:linear-gradient(transparent,rgba(0,0,0,.5));
 background-repeat:no-repeat;
 border-radius:0 0 5px 5px;
 bottom:0;
 color:#fff;
 display:block;
 font-size:12px;
 left:0;
 padding:5px 10px;
 position:absolute;
 right:0;
 text-align:right;
 z-index:3
}
.text-overflow-2 {
 height:40px
}
@media screen and (max-width:738px) {
 .video-vip-list-content .video-vip-list.flex-box {
  display:block
 }
 .video-vip-list-content .video-vip-list.flex-box .flex-box-left,
 .video-vip-list-content .video-vip-list.flex-box .flex-box-left .content-item,
 .video-vip-list-content .video-vip-list.flex-box .flex-box-right {
  width:100%
 }
 .video-vip-list-content .video-vip-list .content-item,
 .video-vip-list-content .video-vip-list.flex-box .flex-box-right .content-item {
  width:50%
 }
}