#galleryOverlay {
	transition:opacity 1s; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; z-index: 9999; opacity: 0; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease;
}
.visible#galleryOverlay {
	opacity: 1;
}
#gallerySlider {
	transition:left 0.4s; left: 0px; top: 0px; width: 100%; height: 100%; white-space: nowrap; position: absolute; -webkit-transition: left 0.4s ease; -moz-transition: left 0.4s ease;
}
#gallerySlider .placeholder {
	background: url("../images/preloader.gif") no-repeat center; width: 100%; height: 100%; text-align: center; line-height: 1px; display: inline-block;
}
#gallerySlider .placeholder::before {
	width: 1px; height: 50%; margin-right: -1px; display: inline-block; content: "";
}
#gallerySlider .placeholder img {
	vertical-align: middle; display: inline-block; max-height: 100%; max-width: 100%;
}
.rightSpring#gallerySlider {
	-webkit-animation: rightSpring 0.3s; -moz-animation: rightSpring 0.3s;
}
.leftSpring#gallerySlider {
	-webkit-animation: leftSpring 0.3s; -moz-animation: leftSpring 0.3s;
}
#prevArrow {
	background: url("../images/arrows.png") no-repeat; border: currentColor; transition:opacity 0.2s; border-image: none; top: 50%; width: 43px; height: 58px; text-decoration: none; margin-top: -29px; position: absolute; cursor: pointer; opacity: 0.5; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease;
}
#nextArrow {
	background: url("../images/arrows.png") no-repeat; border: currentColor; transition:opacity 0.2s; border-image: none; top: 50%; width: 43px; height: 58px; text-decoration: none; margin-top: -29px; position: absolute; cursor: pointer; opacity: 0.5; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease;
}
#prevArrow:hover {
	opacity: 1;
}
#nextArrow:hover {
	opacity: 1;
}
#prevArrow {
	background-position: left top; left: 40px;
}
#nextArrow {
	background-position: right top; right: 40px;
}
@media only screen and (max-width:767px) and (min-width:480px)
{
#gallerySlider .placeholder img {
	width: 400px;
}
}
.magnifier:hover::after {
	opacity: 0.6;
}
.magnifier::after {
	background: url("../images/magnifier.png") no-repeat center rgb(0, 0, 0); transition:0.3s; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: ""; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}