.ob-vjs-wrap { position:relative; aspect-ratio:16/9; padding:0; background:#000; border-radius:4px; overflow:hidden; cursor:pointer; background-size:cover; background-position:center; }
.ob-vjs-wrap video.video-js { position:absolute; inset:0; width:100%!important; height:100%!important; }
.ob-vjs-wrap[data-ob-player="fluid"] video,
.ob-vjs-wrap[data-ob-player="fluid"] .fluid_video_wrapper { position:absolute!important; inset:0; width:100%!important; height:100%!important; }
.ob-vjs-wrap[data-ob-player="fluid"] .fluid_controls_container { z-index:50; } @media (max-width: 680px) {
.ob-vjs-wrap[data-ob-player="fluid"] .fluid_controls_container { display:flex; flex-wrap:wrap; align-items:center; padding:0 8px 6px; box-sizing:border-box; } .ob-vjs-wrap[data-ob-player="fluid"] .fluid_controls_progress_container { position:relative!important; left:0!important; right:auto!important; top:0!important; align-self:flex-start; order:-1; flex:0 0 100%; width:100%!important; margin:0 0 8px!important; }
.ob-vjs-wrap[data-ob-player="fluid"] .fluid_control_volume_container,
.ob-vjs-wrap[data-ob-player="fluid"] .fluid_control_theatre,
.ob-vjs-wrap[data-ob-player="fluid"] .fluid_control_playback_rate { display:none!important; } .ob-vjs-wrap[data-ob-player="fluid"] .fluid_control_duration { font-size:12px; white-space:nowrap;
padding-left:34px; box-sizing:border-box; }
}
.ob-player-ad-slot { position:absolute; inset:0; z-index:50; display:none; background:#000; }
.ob-vjs-wrap iframe { position:absolute; inset:0; width:100%; height:100%; border:0; } .ob-lazy-play {
position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%);
z-index:8; width:72px; height:72px; padding:0; border:0; border-radius:50%;
background:rgba(226,0,116,.92); cursor:pointer;
display:grid; place-items:center;
font-size:0; line-height:0; color:transparent;
}
.ob-lazy-play::before {
content:""; width:0; height:0; border-style:solid;
border-width:13px 0 13px 22px;
border-color:transparent transparent transparent #fff; position:absolute; left:50%; top:50%;
transform:translate(calc(-50% + 2px), -50%);
}
.ob-lazy-play:hover { background:rgba(226,0,116,1); }
@media (max-width: 680px) {
.ob-lazy-play { width:60px; height:60px; }
.ob-lazy-play::before { border-width:11px 0 11px 18px; }
}