﻿.SynLightbox {
	background			: #000 center no-repeat;
	background-size		: contain;
	bottom				: 0;
	color				: #FFF;
	font-size			: 16px;
	height				: 100%;
	left				: 0;
	opacity				: 0;
	position			: fixed;
	right				: 0;
	text-align			: center;
	transition			: opacity 0.7777s;
	top					: 0;
	width				: 100%;
	z-index				: 1000;
}

.SynLightbox .Exit ,
.SynLightbox .Fullscreen ,
.SynLightbox .Previous ,
.SynLightbox .Next {
	background			: #FFF url('../../images/SynLightbox/SynLightbox.png') left top no-repeat;
	background-color	: rgba(255,255,255,0.9);
	background-size		: 4em 10em;
	display				: block;
	height				: 2em;
	position			: absolute;
	width				: 2em;
	z-index				: 1002;
}

.SynLightbox .Exit {
	background-position	: left -6em;
	top					: 0;
	left				: 0;
}

.SynLightbox .Fullscreen {
	background-position	: left -8em;
	top					: 0;
	right				: 0;
}

.SynLightbox .Previous {
	background-position	: left 0;
	height				: 3em;
	left				: 0;
	margin-top			: -2em;
	top					: 50%;
}
.SynLightbox .Next {
	background-position	: left -3em;
	height				: 3em;
	margin-top			: -2em;
	right				: 0;
	top					: 50%;
}

.SynLightbox .Exit:active ,
.SynLightbox .Exit:hover {
	background-position	: right -6em;
	box-shadow			: 0 0.25em 0.5em rgba(0,0,0,0.5);
}

.SynLightbox .Fullscreen:active ,
.SynLightbox .Fullscreen:hover {
	background-position	: right -8em;
	box-shadow			: 0 0.25em 0.5em rgba(0,0,0,0.5);
}

.SynLightbox .Previous:active ,
.SynLightbox .Previous:hover {
	background-position	: right 0;
	box-shadow			: 0 0.25em 0.5em rgba(0,0,0,0.5);
}
.SynLightbox .Next:active ,
.SynLightbox .Next:hover {
	background-position	: right -3em;
	box-shadow			: 0 0.25em 0.5em rgba(0,0,0,0.5);
}

.SynLightbox .Picture {
	vertical-align	: middle;
}

.SynLightbox .PictureText {
	background			: #FFF;
	background-color	: rgba(255,255,255,0.9);
	bottom				: 2em;
	color				: #000;
	display				: block;
	left				: 0;
	line-height			: 1em;
	margin				: 0 auto;
	min-height			: 1em;
	padding				: 0.5em 0.5em 0.5em 1em;
	position			: absolute;
	text-align			: left;
	z-index				: 1001;
}

.SynLightbox.Loading {
	background-image	: url('../../images/SynLightbox/SynLightboxLoading.gif');
	background-size		: auto;
}

@media (min-width: 1921px)
{
	.SynLightbox {
		font-size			: 32px;
	}
}