.spinner { position: absolute; top: 30%; bottom: 0%; left: 0; right: 0%; background-color: transparent; z-index: 99; display: none; text-align: center; width: 100%; z-index:9999; margin: 10% auto; width: 70px; height: 30px; text-align: center; font-size: 10px; }
.spinner > div { width: 18px; height: 18px; background-color: #FFF; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.spinner .bounce3 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } }
@keyframes sk-bouncedelay { 0%, 80%, 100% {  -webkit-transform: scale(0); transform: scale(0); } 40% {  -webkit-transform: scale(1.0); transform: scale(1.0); } }

.vidMainContainer, .vidSubContainer { margin:0px auto;text-align: center; position: relative; }
.vidContent { width: 100%; position:relative; }
.vidAdContainer { background:no-repeat;background-size: 100% 100%;top: 0px; left: 0px; width: 100%; height: 100%; position:absolute; text-align:left;pointer-events:auto; }
.vidContentElement { width: 100%; background-color:black; }
.vidContainer { width: 100%; }
.thumb { position: relative; top: 0; left: 0;width: 100%; border: none; }
.playicon {width:64px; height: 64px; position: absolute; left: 46%; top:40%; border: none; }
.posterImage{height: auto;width: 100%}

