


/*제품 상세 확대 이미지 레이어 창*/

.cloud-zoom-lens {
    border: 4px solid #888;
    margin:-4px;
    background-color:#fff;
    cursor:move;
 
}

/* 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;
}

/* zoom window. */
.cloud-zoom-big {
/*    border:4px solid #ccc;*/
    overflow:hidden;
	 
}

/* loading message. */
.cloud-zoom-loading {
    color:white;
    background:#222;
    padding:3px;
    border:1px solid #000;
}
.product-image .mousetrap {
    z-index:999 !important;
} 



#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:none; }
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}



#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; }
        #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/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/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
		
        #cboxClose{
			position:absolute;
			bottom:10px;
			right:10px;
			background:url(../images/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:url(../images/sprite_zoomicon.png) no-repeat 10px  rgba(0, 0, 0, 0.2);
	width:65px;height:65px;
	bottom: 2px;
    position: absolute;
    right: 2px;
	border-radius:5px 5px 0 5px;
    z-index: 100;
	
}

