.vb-player{
position: relative;
width:100%;
height:100%;
overflow: hidden;
max-width: none!important;
margin: 0 auto;
opacity: 0;
top: 0;
left:0;
transition: opacity 500ms ease-out;
}
.vb-fixed{
position: fixed;
z-index:-1;
}
.vb-player:not(.vb-fixed){
z-index:9999;
}
.vb-texture-holder,
.vb-media-holder,
.vb-slideshow-holder,
.vb-image-holder,
.vb-video-holder,
.vb-poster-holder,
.vb-youtube-holder,
.vb-vimeo-holder,
.vb-canvas-video,
.vb-canvas-image,
.vb-iframe-blocker{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
}	
.vb-media{
position:absolute;
max-width:none!important;
opacity: 0; 
user-select: none;
visibility: visible;
}
.vb-media-holder iframe{
max-width:none!important;
}
.vb-yt-clean {
width: 132%!important;
height: 200%!important;
top: -50%!important;
left: -16%!important;
}
.vb-texture-holder{
pointer-events:none;
background-repeat:repeat;
}
.vb-seekbar{
position:absolute;
top:0;
left:0;
width:100%;
height:20px;
cursor: pointer;
touch-action: none;
}
.vb-progress-bg{
position:relative;
background:#222222;
width:100%;
top:0;
height:10px;
}
.vb-load-level{
position:absolute;
background:#444444;
top:0;
height:10px;
}
.vb-progress-level{
position:absolute;
background:#ccc;
top:0;
height:10px;
}
.vb-volume-toggle{
position: absolute;
left:0;
top:0;
width:40px;	
height:40px;
cursor: pointer;
}
.vb-volume-seekbar{
position:absolute;
top:-80px;
left:0;
width:40px;
height:80px;
display:none;
cursor: pointer;
touch-action: none;
}
.vb-volume-wrapper:hover .vb-volume-seekbar{
display: block;
}
.vb-volume-bg{
position:absolute;
width:5px;
height:60px;
background:#ccc;
left:17px;
bottom:10px;
}
.vb-volume-level{
position:absolute;
width:5px;
height:60px;
background:#fff;
left:17px;
bottom:10px;
}
.vb-prev-toggle,
.vb-playback-toggle,
.vb-next-toggle,
.vb-restart-toggle,
.vb-volume-wrapper,
.vb-fullscreen-toggle{
position: relative;
width:40px;	
height:40px;
cursor: pointer;
margin-right: 1px;
}
.vb-volume-seekbar,
.vb-big-play,
.vb-prev-toggle,
.vb-restart-toggle,
.vb-playback-toggle,
.vb-next-toggle,
.vb-volume-wrapper,
.vb-fullscreen-toggle{
background: rgba(0,0,0,0.5);
}
.vb-controls{
position: absolute;
height: 40px;
bottom: 0;
left: 50%;
transform:translateX(-50%);
display: flex;
justify-content: space-between;
}
.vb-big-play svg,
.vb-btn svg{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
fill:currentColor;
transition: all .1s ease-out;
}
.vb-btn svg{
color:#eee;
height: 16px;
}
.vb-big-play svg{
color:#eee;
height: 22px;
}
.vb-big-play svg:hover,
.vb-btn svg:hover{
color:#ff9800;
}
.vb-playback-toggle .vb-btn,
.vb-volume-toggle .vb-btn,
.vb-fullscreen-toggle .vb-btn{
display: none;
}
.vb-big-play{
position:absolute;
width:76px;
height:76px; 
top:50%;
left:50%;
margin-left:-37px;
margin-top:-37px;
border-radius: 100%;
display:none;
cursor: pointer;
}
.vb-fs{
position:fixed!important;
top:0!important;
left:0!important;
width:100%!important;
height:100%!important;
max-width:none!important;
max-height:none!important;
margin:0!important;
padding:0!important;
z-index:999999!important;
overflow:hidden!important;
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important;
} 
.vb-fs-overflow{
overflow:hidden!important;
}
.vb-visible {
opacity: 1;
transition: opacity 500ms ease-out;
}
.vb-skip-intro{
position:absolute;
right:30px;
bottom:50px;
background: rgba(0,0,0,0.6);
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#e5e5e5;
padding: 5px 10px;
cursor: pointer;
}
.vb-skip-intro:hover{
background: #fff;
color:#333;
}
.vb-vr-info{
position: absolute;
height: auto;
display: block;
top: 50px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background: rgba(0,0,0,0.5);
padding: 10px;
pointer-events:none;
display: none;
}