/*
 Cloud Zoom CSS. (c)2012 Star Plugins.
 This CSS can be altered to change the look and size of the lens.
*/
.cloudzoom-lens {
    border:none;
    border:1px solid #E00089;
    width: 170px;
    height:170px;
    box-shadow: -0px -0px 8px rgba(224,0,137,.3);
    cursor:crosshair;
}
.cloudzoom-lens-thick {
  border: 8px solid #f90;
  width: 100px;
  height: 120px;
  border-radius: 10px;
  box-shadow: -0px -0px 20px rgba(0,0,0,0.50);
  cursor: crosshair;
}
.cloudzoom-zoom-thick {
  border: 8px solid #f90;
  border-radius: 10px;
  box-shadow: -0px -0px 20px rgba(0,0,0,0.50);

}
/* CSS for zoom window (not used for 'inside' position). */
.cloudzoom-zoom {
	background: #fff;
    border:1px solid #E00089;
	z-index: 200;
	width: 500px;
    height: auto;
}
.cloudzoom-zoom-inside { cursor: pointer;}
/* CSS for captions */
.cloudzoom-caption {
    display:none;   /* CSS captions should be hidden initially */
    text-align: left;
    background: #000;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
   	filter: alpha(opacity=60);
	background: rgba(0,0,0,.5);
    color:#fff;
    padding:5px 10px;
    font-size:13px;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
}
.cloudzoom-caption span { color: #ccc; font-size: 12px;}