/* 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:2px solid #ccc;
	overflow:hidden;
}

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



.zoom-section {
    clear: both;
    display:inline-block
}
.zoom-section.w100{width: 100%}
* html .zoom-section {
    clear: both;
    display: inline;
}
.zoom-desc {
    float: left;
    text-align: left;
    width: 100%;
}
.zoom-small-image {
    display:inline-block;
}
.zoom-small-image div#wrap{
    top: 0px; z-index: 70; position: relative;
}
.zoom-tiny-image {
    margin: 0;
    /*width: 100%*/
}
.zoom-tiny-image:hover {
    /*border: 1px solid #CC0000;*/
}

.cloud-zoom{
    position: relative; display: block;
}

.cloud-zoom img{width: 100%;min-width: 100px}

.cloud-zoom-gallery{
    display: inline-block;
    margin: 1% 1% 0 1%;
    overflow: hidden;
    width: 61px;
    height: 45px;
    text-align: center;
    border:1px solid #d3d3d3;
}

.cloud-zoom-gallery table{width:100%;height:100%}
.cloud-zoom-gallery table tr td{vertical-align:middle;text-align: center}

.cloud-zoom-gallery:hover{
    border:1px solid #db2321;
}

.mousetrap{
    background-image: url(); z-index: 81;position: absolute; width: 200px; left: 0px; top: 0px; cursor: move;
}