/*
 * Zoom on product page
 */



/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border:1px solid #ccc;
	margin:-1px; /* Set this to minus the border thickness. */
	background-color:#fff;
	cursor:move;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:1px solid #e5e5e5;
	overflow:hidden;
    
}
/* No borders if zoom position is "inside" */
.product-view .product-img-box .product-image.zoom-inside .cloud-zoom-big { border:none; }

/* This is the loading message. */
.cloud-zoom-loading {
    color:white;
    background:#222;
    padding:0.25em;
    border:1px solid #000;
}

/* Additional
-------------------------------------------------------------- */
#wrap {
	/* Decrease default z-index */
	z-index:99 !important;
}

/* For 'position: inside'
-------------------------------------------------------------- */
.product-image .mousetrap {
	z-index:100 !important;
	
	/* For responsive layout */
	/*
    width:100% !important;
	height:100% !important;
    */
}
.zoom-inside #wrap { overflow:hidden; }


/* Display images without Cloud Zoom
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Hide zoom area */
.simple-mode .cloud-zoom-big,
.simple-mode .cloud-zoom-lens { display:none !important; }
.simple-mode .cloud-zoom-lens { cursor:default !important; }


/* Zoom button (enlarge the main image)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.zoom-btn-small {
	position:absolute;
	right:25px;

	/*padding:0 1em;*/
	line-height:2.6666em;
	z-index:999999;
	/*
    background-color:#fff;
	background-color:rgba(255,255,255, 0.7);
    */
    background: url(../../../images/cmsmart/colorproduct/colorbox/zoom1.png) no-repeat center center;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
	color:#333;
}

@media only screen and (min-width: 978px)  and (max-width: 1280px) {
	.zoom-btn-small.style-default {
		right: -5px;
		bottom: 375px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 977px) {
	.zoom-btn-small.style-default {
		right: -5px;
		bottom: 380px;
	}
}
/*.zoom-btn-small:hover { background-color:#fff; }*/

/* Use lightbox without cloud zoom */
.zoom-btn-large {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	padding:0;
	z-index:100;
	cursor:pointer;
	
	text-indent:-9999px;
	overflow:hidden;
}
.zoom-btn-large:hover { background-color:rgba(255,255,255, 0.15); }

.product-img-box { position: relative;}

#image
{
    position: relative;
}

.cloud-zoom-gallery
{
    text-align: center !important;
}