*{
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	user-select: none;
	moz-user-select: none;
}
.animated{
	-webkit-transition: margin-left .5s;
	transition: margin-left .5s;
}
.background{
	position: relative;
	background: linear-gradient(top, #0c0c0c, #555);
	background: -webkit-linear-gradient(top, #0c0c0c, #555);
	background: -ms-linear-gradient(top, #0c0c0c, #555);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0c0c0c, endColorstr=#555555);
}

.album-viewport .container{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1200px;
	height: 814px;
	margin: auto;
}
.album-viewport .album{
	top: -600px;
	top: -407px;
	width: 1200px;
	height: 814px;
}
.album-viewport .page{
	width: 600px;
	height: 814px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.album-viewport .zoom-in .even .gradient,
.album-viewport .zoom-in .odd .gradient{
	display: none;
}
.album-viewport .loader{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 -11px;
	background-image: url(../img/album/loader.gif);
}
.album-viewport .btn-switch{
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 32px;
	height: 32px;
	cursor: pointer;
}
.album-viewport .btn-switch.disabled{
	cursor: not-allowed;
}
.album-viewport .btn-switch.switch-prev{
	left: 20px;
	background: url(../img/album/icon-btn-prev.png) no-repeat;
}
.album-viewport .btn-switch.switch-next{
	right: 20px;
	background: url(../img/album/icon-btn-next.png) no-repeat;
}
.album-viewport .btn-switch.switch-prev.disabled{
	background: url(../img/album/icon-btn-prev-disabled.png) no-repeat;
}
.album-viewport .btn-switch.switch-next.disabled{
	background: url(../img/album/icon-btn-next-disabled.png) no-repeat;
}

.album-viewport .btn-zoom{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	width: 25px;
	height: 25px;
	cursor: pointer;
}
.album-viewport .btn-zoom.zoom-in{
	background: url(../img/album/icon-zoom-in.png) no-repeat;
}
.album-viewport .btn-zoom.zoom-out{
	background: url(../img/album/icon-zoom-out.png) no-repeat;
}

.album .page{
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
	box-shadow: 0 0 20px rgba(0,0,0,.2);
}
.album .even .gradient{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, color-stop(.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,.2)));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,.2) 100%);
	background-image: linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,.2) 100%);
}
.album .odd .gradient{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, right top, left top, color-stop(.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,.15)));
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,.15) 100%);
	background-image: linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,.15) 100%);
}