.fancyOverlay {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20000;
	opacity: 0;
	display: block;
	pointer-events: none;
	background-color: rgba(0,0,0,.7);
	transition: all .3s ease-in-out;
}

.fancyOverlay.playing {
	cursor: pointer;
	pointer-events: initial;
	opacity: 1;
	transition: all .3s ease-out;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.fancyOverlay > .relative {
	width: 100%;
	height: 100%;
	position: relative;
}

.fancyOverlay iframe.waitToPlay {
	width: 0;
	height: 0;
}

.fancyOverlay iframe, .fancyOverlay img {
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 48vw;
	height: 27.15vw;
	z-index: 20001;
	transition: all .4s ease-out;
}

.fancyOverlay.playing iframe, .fancyOverlay.playing img {
	width: 89vw;
	height: 50vw;
}

.fancyOverlay.playing.video img {
	pointer-events: none;
}


.fancyOverlay img {
	opacity: 0;
}

.fancyOverlay.playing.image img {
	opacity: 1;
}

.fancyOverlay .close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 20px;
	color: #fff;
	z-index: 20002;
}