/*
 * 	Leroy Zoom - jQuery plugin
 *	written by Edison Machado
 *	http://github.com/edison/leroy-zoom
 *
 *	Copyright (c) 2013 Edison Machado (http://w3cs.com.br)
 *	Licensed under the Apache License, Version 2.0 (http://www.apache.org/licenses/LICENSE-2.0.txt)
 *
 *	Built for jQuery library
 *	http://jquery.com
 *
 */

#leroy_zoom_frame {
	width:300px;
	height:300px;        
	background:#FFF;
    color:#333;
    position:absolute;
	overflow:hidden;
	line-height:300px;
	border:3px solid #72BF44;
	text-align: center;
}
#leroy_zoom_frame img{

	max-width:1108px;
	max-height:1116px;
	width:auto;
	height:auto;
}
.holder_frame {
	position: absolute;
	width:600px;
	height:434px;
	background:url(/templates/SimpleStore/images/frames/black.png) no-repeat;
	background-size:1990px;
}
.holder_frame.bottom {
	bottom: 0;
	left: 0;
	transform: scaleY(-1);
}
.holder_frame.top {
	top: 0;
	left: 0;
}
.holder_frame.left {
	top: 0;
	z-index:10;
	right: 0;
	transform: scaleX(-1);
}
.holder_frame.right {
	z-index:10;
	bottom: 0;
	right:0;
	transform:scaleX(-1) scaleY(-1);
}

.zoom-cursor {
	display: none;
	position: absolute;
	width:50px;
	height:50px;
	background:white;
	opacity:0.2;
	border:1px solid #000;
	z-index:10;
}

.zoom-cursor{
	cursor: crosshair;
}