/*Graphic specific styles*/
#zoom {background:#fff; clear:both; display:inline-block; display:block; overflow:hidden; border:1px solid #000; background:#000; padding-top:10px;}
#zoom #main img{margin:0 auto; border:1px solid #000;}
#zoom #main, #zoom #main a{text-align:center;}
#zoom1{zoom:1;}
#zoom #zoom1 img {margin:0 auto;} /*center main image*/

#zoom #wrap {text-align:center;}
#zoom .mousetrap {}
#zoom a{border:none; text-decoration:none;display:inline-block!important;_zoom:1;}



#zoom #thumbs {float:left; width:80px;}
#zoom #thumbs img {margin-bottom:10px;}
#zoom #thumbs a:focus {outline:none;}
#zoom #thumbs a:focus img {border-color:#fff;}


#zoom .caption {width:950px; font:8px/1.5em arial; color:#fff; text-transform:uppercase; padding-top:2px;}
#zoom .caption span {float:right;}

p.caption {font:9px arial; text-align:right; margin-top:3px; color:#666;}


/*ZoomCloud Plugin*/

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 1px solid #fff;
	margin:0px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;	
	z-index:-9;	
}

/* This is for the title text. */
.cloud-zoom-title {
	font: 8px/1.3em Arial, Helvetica, sans-serif;
	position:absolute !important;
	color:#fff;
	width:453px;
	text-transform:uppercase;
	bottom:0;
	text-align:right;
	margin-bottom:-12px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	
	/*border:4px solid #eee;*/
	/*overflow:hidden;*/
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
}
#cloud-zoom-big{z-index:99999;}