#overlay{ width:100%; height:100%; position:absolute; left:0; top:0; color:#FFF;}
#overlay2 {text-align:center; position:relative;height:70%; opacity:1; background-color:#000; width:80%; margin-left:8%; margin-top:9%; border-radius:10px; opacity:.9; border: solid 1px #CCC;

background-color: #0b0b0b;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239ab0e3' fill-opacity='0.22'%3E%3Cpath d='M2 0h2v12H2V0zm1 20c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM9 8c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-1 4h2v12H8V12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

}
#overlay2 h3{ padding:0; margin:0;}
#overlay2 ul{ list-style:none;}
#overlay2 li{ width:25%; padding-left:1%; display:inline-block; position:relative; border-radius:3px; border:#333 2px solid; padding:0;}
#overlay2 li:hover{border-color:#FFF;}
#overlay2 li img{max-width:100%; position:relative; display:block;}

.vjs-youtube-mobile .vjs-big-play-button {
display: flex !important;
font-size:8em;
}
.vjs-youtube-mobile.vjs-has-started .vjs-big-play-button {
display: none !important;
}