/*
 ========cloud-zoom============

 This is the moving lens square underneath the mouse pointer. 
*/.cloud-zoom-lens {
    /*border: 1px solid #888;*/
    margin:-4px;    
    /*background-color:#fff;*/
    cursor:move;
    right: 0 !important;
    left: auto !important;
}/*

 This is for the title text. 
*/.cloud-zoom-title {
    display:none;    
    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 {
    background-repeat:no-repeat !important;
    /*border: 1px solid #C9C9C9;*/
    overflow:hidden;
    margin-left:10px;
    z-index:5;
}/*
 This is the loading message. 
*/
.cloud-zoom-loading {
    color:white;
    background:#222;
    padding:3px;
    border:1px solid #000;
}
.product-image .mousetrap {
    z-index:999 !important;
} 

.mousetrap {
    width: 100% !important;
    height: 100% !important;
}
/**
 * Lightbox
 */ 
/* ColorBox Core Style
-------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:600px; }
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* ColorBox skin.
   The following styles are ordered & tabbed
   in a way that represents the nesting of the generated HTML.
-------------------------------------------------------------- */
#cboxOverlay{background:url(../../images/overlay.png) repeat 0 0;}
#colorbox{}
#cboxContent{background:#fff; overflow:hidden; border:none;/*10px solid #333*/ padding:10px; }
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:40px; /*10px above buttons*/ }
#cboxTitle{position:absolute; bottom:17px;text-align:center; width:100%; color:#999999;}
#cboxCurrent{position:absolute; bottom:17px; left:80px; color:#999999;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}

#cboxPrevious,
#cboxNext { position:absolute; background:url(../../images/icons/slider-arrows.png) no-repeat #ddd; width:30px; height:30px; text-indent:-9999px; }
#cboxPrevious:hover,
#cboxNext:hover { background-color:#333; }
#cboxPrevious{bottom:10px; left:10px; background-position:-10px -10px;}
#cboxPrevious:hover{background-position:-10px -60px;}
#cboxNext{bottom:10px; left:40px; background-position:-60px -10px;}
#cboxNext:hover{background-position:-60px -60px;}

#cboxLoadingOverlay{background:url(../../images/icons/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../../images/icons/loading.gif) no-repeat center center;}

#cboxClose{position:absolute; bottom:10px; right:10px; background:url(../../images/icons/close-button.png) -10px -10px no-repeat #ddd; width:30px; height:30px; text-indent:-9999px;}
#cboxClose:hover{background-position:-10px -60px; background-color:#333;}

#cboxNext,
#cboxPrevious,
#cboxClose {
    transition:			background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition:		background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}
.zoom-btn-small {
    /* background-color: rgba(255, 255, 255, 0.7);*/
    bottom: 0px;
    color: #333333;
    line-height: 2.6666em;
    padding: 0 1em;
    position: absolute;
    right: 0px;
    z-index: 100;
}

.cloud-zoom-big {
    left: 100% !important;
}