/*
video-lightbox
*/

div.player-lightbox {
	position: fixed;
	display: none;
	top: 100vh;
	left: 0px;
	width: 100vw;
	height: 100vh;
	z-index: 11;
	background-color: rgba(0,0,0,.9);
	background-color: #ffffff;

	display: block;
	opacity: 0;

	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

div.player-lightbox.active {
	top: 0px;
	opacity: 1;
}

div.player-lightbox > a.close {
	position: absolute;
	font-size: 14px;
    color: #000000;
    font-weight: bold;

	top: 4vh;
	right: 8vw;

}

div.player-lightbox > a.close:hover {
	text-decoration: underline!important;
}

#player {
	display: table;
	position: absolute;
	width: 100%;
	height: 100%;

	width: 84vw;
	height: 84vh;
	top: 8vh;
	left: 8vw;
	background-color: rgba(0,0,0,.9);
	text-align: center;
}

#player > span {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#player > span > img {
	position: relative;
	display: block;
	text-align: center;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}