/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 2px 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:1px solid #e0e0e0;
	overflow:hidden;
        margin: 20px 0 0 -30px;
        //display: none !important 
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;
	background:#222;
	padding:3px;
	border:1px solid #000;
}
#wrap {top:0px; z-index:99; position:relative; padding-left:5px; }
.cloud-zoom {position: relative; display: block; }
#zoom1 img {border: 1px solid #e0e0e0; display: block; width: 327px;  }
.zoom-desc { margin:10px 0px 0 6px; z-index:999; position:relative; width: 350px; }
.zoom-desc a {text-align: center; display: block; height: 66px; width: 67px; float: left; margin: 7px 20px 7px 0; overflow: hidden; border: 1px solid #e0e0e0; }
img.zoom-tiny-image {max-height: 70px; max-width: 95px; overflow: hidden; }
.mousetrap {z-index:999; position:absolute; width:250px; height:320px; left:0px; top:0px; }