.zoomPad{

	position:relative;

	float:left;

	z-index:99;

	cursor:crosshair;

}



.zoomPreload{

   -moz-opacity:0.8;

   opacity: 0.8;

   filter: alpha(opacity = 80);

   color: #333;

   font-size: 12px;

   font-family: Tahoma;

   text-decoration: none;

   border: 1px solid #CCC;

   background-color: white;

   padding: 8px;

   text-align:center;

   background-image: url(../images/zoomloader.gif);

   background-repeat: no-repeat;

   background-position: 43px 30px;

   z-index:110;

   width:90px;

   height:43px;

   position:absolute;

   top:0px;

   left:0px;

    * width:100px;

    * height:49px;

}



.zoomPup{

	overflow:hidden;

	background-color: #FFF;

	-moz-opacity:0.6;

	opacity: 0.6;

	filter: alpha(opacity = 60);

	z-index:120;

	position:absolute;

	border:1px solid #CCC;

  z-index:101;

  cursor:move;

}



.zoomOverlay{

	position:absolute;

	left:0px;

	top:0px;

	background:#FFF;

	/*opacity:0.5;*/

	z-index:5000;

	width:100%;

	height:100%;

	display:none;

  z-index:101;

}



.zoomWindow{

	position:absolute;

	left:110%;

	top:40px;

	background:#FFF;

	z-index:6000;

	height:auto;

  z-index:10000;

  z-index:110;

}

.zoomWrapper{

	position:relative;

	border:1px solid #999;

  z-index:110;

}

.zoomWrapperTitle{

	display:block;

	background:#999;

	color:#FFF;

	height:18px;

	line-height:18px;

	width:100%;

  overflow:hidden;

	text-align:center;

	font-size:10px;

  position:absolute;

  top:0px;

  left:0px;

  z-index:120;

  -moz-opacity:0.6;

  opacity: 0.6;

  filter: alpha(opacity = 60);

}

.zoomWrapperImage{

	display:block;

  position:relative;

  overflow:hidden;

  z-index:110;



}

.zoomWrapperImage img{

  border:0px;
max-width: 200%;
  display:block;

  position:absolute;

  z-index:101;

}



.zoomIframe{

  z-index: -1;

  filter:alpha(opacity=0);

  -moz-opacity: 0.80;

  opacity: 0.80;

  position:absolute;

  display:block;

}



/*图片滚动样式*/

.thumb-list {

	position: relative;

	width: 100%;

	height: 94px;

	overflow: hidden;

	padding: 0 21px;

}

.case-imgs .thumb-list {

	margin: 0 auto;

}

.thumb-list .thumb-control {

	display: block;

	position: absolute;

	top: 0;

	width: 17px;

	height: 94px;

	background-image: url('../images/icon.png');

	background-repeat: no-repeat;

}

.thumb-list a.disabled {

	cursor: default;

}

#thumb-forward {

	left: 0;

	background-position: 0 20px;

}

#thumb-backward {

	right: 0;

	background-position: -17px 20px;

}

#thumb-forward:hover {

    background-position: -34px 20px;

}



#thumb-backward:hover {

    background-position: -51px 20px;

}



#thumb-forward.disabled {

	background-position: -68px 20px;

}

#thumb-backward.disabled {

	background-position: -85px 20px;

}

.thumb-list #thumb-forward {

	display: block;

	position: absolute;

	top: 0;

	width: 17px;

	height: 94px;

}

.thumb-item {

	position: absolute;

	top: 0;

	left: 21px;

}

.thumb-item ul {

	overflow: hidden;

	zoom: 1;

	padding: 0;

}

.thumb-item ul li {

	width: 102px;

	text-align: center;

	font-size: 0;

	position: relative;

	float: left;

}

.thumb-item ul li a {

	display: block;

}

.thumb-item img {

	width: 90px;

	height: 90px;

	padding: 1px;

	opacity: 0.5;

}

.zoomThumbActive img, .thumb-item img.img-hover {

	padding: 0;

	opacity: 1;

}



/*********************************************************

/ When clicking on thumbs jqzoom will add the class

/ "zoomThumbActive" on the anchor selected

/*********************************************************/