/* 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:4px solid #ccc;

	overflow:hidden;

	background:#fff;

}



/* This is the loading message. */

.cloud-zoom-loading {

	color:white;	

	background:#222;

	padding:3px;

	border:1px solid #000;

}