/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
    border: 0px solid #888;
    margin:0px;    /* Set this to minus the border thickness. */
    background-color:#fff;
    cursor:move;
    
    /*box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;*/
    
}

/* This is for the title text. */
.cloud-zoom-title {
    font-family:Arial, Helvetica, sans-serif;
    position:absolute !important;
    background-color:#000;
    color:#fff;
    padding:0px;
    width:100%;
    text-align:center;
    /*font-weight:bold;*/
    font-size:10px;
    text-transform:uppercase;
    top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
    border:0px solid #ddd;
    overflow:hidden;
    top:0!important; left:0!important;
}

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

.product-image .mousetrap {
    z-index:100 !important;
}

/*disable func on mobile size*/
@media only screen and (max-width: 770px) {
    .mousetrap { display:none; }
}