.itVideoPlayer {position:relative;overflow:hidden;}
.itVideoPlayer > video {display:block;width:100%;}
.itVideoEnd,.itVideoEnd * {box-sizing:border-box;}
.itVideoEnd {display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:12px;background:rgba(31,50,68,.95);color:#fff;z-index:3;}
.itVideoList {display:grid;grid-template-rows:auto auto minmax(48px,1fr);width:100%;height:100%;min-width:0;overflow:hidden;}
.itVideoReplay {justify-self:center;min-width:150px;height:44px;margin-bottom:14px;padding:0 22px;border:1px solid #fff;border-radius:7px;background:transparent;color:#fff;font:20px/42px Tahoma,Helvetica,sans-serif;text-align:center;cursor:pointer;}
.itVideoReplay span {display:inline-block;position:relative;width:20px;height:20px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-4px;}
.itVideoReplay span:after {content:"";position:absolute;top:50%;right:-5px;border:4px solid transparent;border-left:6px solid currentColor;transform:translateY(-31%) rotate(-65deg);}
.itVideoListTitle {padding:18px 0;border-top:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.7);font-size:17px;line-height:1.2;}
.itVideoList ul {display:grid;grid-auto-rows:minmax(48px,1fr);min-width:0;min-height:0;margin:0;padding:0;overflow:auto;}
.itVideoList li {min-width:0;min-height:0;margin:0;list-style:none;border-top:1px solid rgba(255,255,255,.2);}
.itVideoList li:last-child {border-bottom:1px solid rgba(255,255,255,.2);}
.itVideoRec {display:flex;align-items:center;width:100%;height:100%;min-width:0;padding:6px 0;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer;}
.itVideoThumb {position:relative;flex:none;width:88px;aspect-ratio:16/9;margin-right:16px;background:#111;overflow:hidden;}
.itVideoThumb img {display:block;width:100%;height:100%;object-fit:cover;}
.itVideoThumbPlay {position:absolute;top:50%;left:50%;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.22);transform:translate(-50%,-50%);}
.itVideoThumbPlay:after {content:"";position:absolute;top:50%;left:53%;border:6px solid transparent;border-left:9px solid #fff;transform:translate(-30%,-50%);}
.itVideoInfo {flex:1;min-width:0;font-size:20px;line-height:1.25;}
.itVideoName {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.itVideoTime {display:block;margin-top:2px;}
@media screen and (max-width:600px) {
    .itVideoEnd {padding:10px;}
    .itVideoReplay {height:40px;margin-bottom:10px;font-size:18px;line-height:38px;}
    .itVideoListTitle {padding:10px 0 8px;font-size:15px;}
    .itVideoList ul {grid-auto-rows:minmax(44px,1fr);}
    .itVideoRec {padding:4px 0;}
    .itVideoThumb {width:72px;margin-right:10px;}
    .itVideoInfo {font-size:16px;}
}
@media screen and (max-width:360px) {
    .itVideoEnd {padding:6px 8px 8px;}
    .itVideoReplay {min-width:26px;width:26px;height:26px;margin-bottom:2px;padding:0;font-size:0;line-height:normal;}
    .itVideoReplay span {width:14px;height:14px;margin-right:0;vertical-align:baseline;}
    .itVideoListTitle {padding:4px 6px;}
    .itVideoThumb {display:none;}
}