div#photo_dialog_background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
div#photo_pos {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div#photo_dialog_area {
	position: relative;
	margin: 2% auto 0px auto;
	overflow: hidden;
	width: 95%;
	height: 90%;
	background-color: #FFF;
	border: 1px solid #FFF;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px 2px #444;
	-webkit-box-shadow: 1px 1px 3px 2px #444;
	box-shadow: 1px 1px 3px 2px #444;
}
h1#photo_title_area {
	position: absolute;
	top: 0;
	left: 60px;
	font-size: 14px;
	color: #000;
	width: 615px;
}
div#photo_description_area {
	position: absolute;
	top: 35px;
	left: 3%;
	width: 94%;
	height: 20px;
	color: #999;
}
div#photo_counter_area {
	color: #999;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
div#photo_close_area {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 25;
}
#photo_close_area a {
	position: relative;
	display: block;
	float: right;
	text-decoration: none;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	background-image: url('./img/sipka.png');
	background-repeat: no-repeat;
	display: block;
	width: 26px;
	height: 26px;
	margin: 1px;
}
#photo_close_area a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
div#photo_pred_area,
div#photo_next_area {
	z-index: 24;
	position: absolute;
	top: 0px;
	width: 26px;
	height: 100%;
}
div#photo_pred_area {left: 20px;}
div#photo_next_area {right: 20px;}

a.photo_pred, a.photo_next {
	background-image: url('./img/sipka.png');
	background-repeat: no-repeat;
	display: block;
	width: 26px;
	height: 76px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
a.photo_pred {background-position: 0 0;}
a.photo_pred:hover {background-position: 0 -76px;}
a.photo_next {background-position: -26px 0;}
a.photo_next:hover {background-position: -26px -76px;}
a.photo_closeButton {background-position: 0 -178px;}
a:hover.photo_closeButton {background-position: -26px -178px;}
a.photo_slideshowPlayButton {background-position: 0 -256px;}
a:hover.photo_slideshowPlayButton {background-position: -26px -256px;}
a.photo_slideshowPauseButton {background-position: 0 -204px;}
a:hover.photo_slideshowPauseButton {background-position: -26px -204px;}
a.photo_downloadButton {background-position: 0 -230px;}
a:hover.photo_downloadButton {background-position: -26px -230px;}
a.photo_fullSizeButton {background-position: 0 -152px;}
a:hover.photo_fullSizeButton {background-position: -26px -152px;}

div#photo_image_area {
	position: relative;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 100%;
	padding: 60px 50px 30px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	overflow: hidden;
}
div#photo_image_area div {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
}
img#photo_loader {
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	top: 50%;
}
img#photo_image {
	display: none;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.lb {
	cursor: pointer;
}

@media(max-height:600px) {
	div#photo_dialog_area {
		margin-top: 0;
	}
}
@media(max-height:530px) {
	div#photo_image_area {
		top: 0;
	}
}