/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}
.jcarousel-clip {
    z-index: 1;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,.jcarousel-item {
    float: left;
    list-style: none;
	z-index:1;
    /* We set the width/height explicitly. No width/height causes infinite loops. 
    width: 75px;
    height: 75px;
	*/
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 1;display: none;}
.jcarousel-prev {z-index: 1;display: none;}
/*jcarousel-skin-tango*/
.jcarousel-skin-tango .jcarousel-container {-moz-border-radius:10px;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width:375px;height:62px;padding:0px 14px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:375px;
	height:75px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 64px;
    height: 48px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right:0px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position:absolute;
	top:0px;
	right:0px;
	width:15px;
	height:50px;
	cursor:pointer;
	overflow:hidden;
	background:transparent url(../img/movebar.jpg) no-repeat -12px 0px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
	background-position:-12px -189px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
	background-position:-12px -126px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor:default;
	background-position:-12px -63px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position:absolute;
	top:0px;
	left:0px;
	width:12px;
	height:50px;
	cursor:pointer;
	background:transparent url(../img/movebar.jpg) no-repeat 0 0px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
	background-position:0 -189px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
	background-position:0 -126px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor:default;
	background-position:0 -63px;
}


/*************************************************************************************/

.jqzoom{
	float:left;
	position:relative;
	padding:0px;
	width:345px;
	height:260px;
	overflow:hidden;
	/*cursor:pointer;*/}
.jqzoom img{float:left;}
.zoomdiv{
	z-index:3;
	position:absolute;
	top:1px;
	left:0px;
	width:200px;
	height:200px;
	background:#fff;
	border:1px solid #E8E8E8;
	display:none;
	text-align:center;
	overflow: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#969696, Direction=135, Strength=5);/*for ie6,7,8*/-moz-box-shadow:2px 2px 5px #969696;/*firefox*/-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/box-shadow:2px 2px 5px #969696;/*opera或ie9*/	}
.jqZoomPup{
	z-index:3;
	visibility:hidden;
	position:absolute;
	top:0px;left:0px;
	width:50px;height:50px;
	border:1px solid #aaa;
	background:#c4c4c4 50% top no-repeat;
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(Opacity=50);
	cursor:crosshair;
}
