/* This is the moving lens square underneath the mouse pointer. */

.cloud-zoom-lens {

    border: 4px solid #888;

    margin:-4px;    /* Set this to minus the border thickness. */

    background-color:#fff;

    cursor:move;

}



/* This is for the title text. */

.cloud-zoom-title {

    font-family:Arial, Helvetica, sans-serif;

    position:absolute !important;

    background-color:#000;

    color:#fff;

    padding:3px;

    width:100%;

    text-align:center;

    font-weight:bold;

    font-size:10px;

    top:0px;

}



/* This is the zoom window. */

.cloud-zoom-big {

    border:4px solid #ccc;

    overflow:hidden;
	
	margin-left:15px;

}



/* This is the loading message. */

.cloud-zoom-loading {

    color:white;

    background:#222;

    padding:3px;

    border:1px solid #000;

}



.product-image .mousetrap {

    z-index:100 !important;

}