#video-player {
	display: none;
	position: fixed;
	z-index: 100010;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

#video-player div.video-content {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

#video-player div.video-escape-button {
	position: absolute;
	top: 1em;
	right: 1em;
	z-index: 100020;
	width: 4em;
	height: 4em;
	color: white;
	background-color: rgba(0,0,0,0.5);
	border-radius: 50%;
	cursor: pointer;
}

#video-player div.video-button-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 4em;
	line-height: 1em;
}
#video-player div.video-escape-button:before {
	content: "";
	display: block;
	padding-top: 100%;
}

#video-player video {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
}

a.video-link {
	cursor: pointer;
}

#video-player-bg {
	position:fixed;
	z-index:100009;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:black;
	width:100%;
	height:100%;
	filter:alpha(opacity=40);
	opacity:0.4;
}