/**********************************************
 * @Author      Foxs
 * @Object      视频
***********************************************/
.videos-section .videos-content{padding:10px}
.videos-section .videos-items{display: flex;align-items: center;flex-wrap: wrap;border-radius: 10px;background-color: #fff;padding:10px}
.videos-section .videos-items .item{width:33.333%;padding: 10px;text-decoration: none;border-radius: 5px}
.videos-section .videos-items .item .item-flex{width:100%;height: auto;position: relative;}
.videos-section .videos-items .item .item-flex .thumb{position:relative;border-radius: 5px;overflow: hidden;cursor: pointer;height: 0px;padding-top: 60%;background-color: var(--BackColor,#f7f7f7);}
.videos-section .videos-items .item .item-flex .thumb .loading{position: absolute;top:0px;right:0px;bottom:0px;left:0px;margin:20% auto;}
.videos-section .videos-items .item .item-flex .thumb .img{display: block;width:100%;height: 100%;}
.videos-section .videos-items .item .item-flex .thumb .img img{width:100%;height: 100%;object-fit: cover;position: absolute;top: 0px;left: 0px;z-index: 1;transition: all 0.5s;}
.videos-section .videos-items .item .item-flex .plays{position: absolute;top:0px;left:0px;bottom:0px;right:0px;background-color: rgba(0, 0, 0, 0.5);z-index: 99;display: none;transform: all 0.5s}
.videos-section .videos-items .item .item-flex .plays .ico{color:var(--MatchColor,#db4646);cursor: pointer;display: flex;justify-content: center;flex-direction: column;align-items: center;height: 100%}
.videos-section .videos-items .item .item-flex .plays .ico i{font-size: 30px}
.videos-section .videos-items .item .item-flex .thumb .new{position: absolute;top: 0px;left: -1px;color: var(--MatchColor,#db4646);z-index: 9}
.videos-section .videos-items .item .item-flex .thumb .new i{font-size: 40px;}
.videos-section .videos-items .item .item-flex .title{display: block;font-size: 12px;color:#666;line-height: 40px;padding:0px 10px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.videos-section .videos-items .item .item-flex .likes{position: absolute;top:20px;left: 20px;background-color: rgba(0, 0, 0,0.8);font-size: 12px;color:#fff;width:30px;height: 30px;border-radius: 15px;text-align: center;line-height: 30px;z-index: 99;display: none;cursor: pointer;}
.videos-section .videos-items .item .item-flex .likes-on{background-color:var(--MatchColor,#db4646);}
.videos-section .videos-items .item .item-flex:hover .likes{display: block;}
.videos-section .videos-items .item .item-flex:hover .plays{display: block;}
.videos-section .videos-items .item .item-flex:hover .title{color:var(--MatchColor,#db4646);font-weight: bold;}
@media screen and (max-width:768px){
    .videos-section .videos-items{padding: 4px;}
    .videos-section .videos-items .item{width: 50%;padding: 4px}
}

/*图集详情*/
.videos-section .videos-infos{width: 100%;padding:10px;flex-direction: column;}
.videos-section .videos-infos .videos-views{width:100%;padding:30px;background-color: #fff;border-radius: 10px}
.videos-section .videos-infos .videos-views h3{margin-bottom: 20px;display: flex;justify-content: center;font-size: 16px;font-weight: bold;}
.videos-section .videos-infos .videos-views .viewimg{width:100%;display: flex;justify-content: center;}
.videos-section .videos-infos .videos-views .viewimg img{width:80%;border-radius: 10px}
.videos-section .videos-infos .videos-views .dobtns{display: flex;justify-content: center;margin-top: 30px}
.videos-section .videos-infos .videos-views .dobtns .btn{padding:10px 30px;background-color: #2c2c2c;color:#fff;border-radius: 5px;font-size: 14px}
@media screen and (max-width:768px){
    .videos-section .videos-infos .videos-views .viewimg img{width:100%}
}