@charset "utf-8";
.ui-artzoom{background: #f7f7f7;border: 1px solid #e4e6eb;margin-top: 10px;}
.ui-artzoom-show { background:transparent; border:3px solid #fff!important; border-radius: 3px; }
.ui-artzoom-ready .ui-artzoom-photo { 
	font-size:0; line-height:0; border:1px solid #d6d6d6;
	background:#fff  repeat; border-radius: 3px;
	box-shadow:1px 1px 3px rgba(0, 0, 0, .1);
	margin-left: 10px;
	margin-bottom:10px;
}
.ui-artzoom img { -ms-interpolation-mode:bicubic; }
.ui-artzoom-toolbar { height:26px; line-height:26px; padding:5px 0; }
.ui-artzoom-buttons { display:inline-block; *display:inline; *zoom:1; height:26px; line-height:0; margin-right: 5px; border-radius: 5px; transition:box-shadow linear .2s; -moz-transition: -moz-box-shadow linear .2s; -webkit-transition:-webkit-box-shadow linear .2s; outline: none; }
.ui-artzoom-buttons:hover { -webkit-box-shadow:0 0 3px rgba(29, 79, 132, .2); box-shadow:0 0 3px rgba(29, 79, 132, .2); }
.ui-artzoom-buttons:hover a { border-color:#ababab; }
.ui-artzoom-loading { color:#808080; font-size:12px; text-shadow:0 1px 0 rgba(255, 255, 255, .7); }
.ui-artzoom-buttons a { 
	display: inline-block; 
	padding: 5px 8px; 
	font: 12px/1.11 "microsoft yahei", tahoma, arial, helvetica, stheiti; 
	_font-family:tahoma,arial,helvetica,stheiti; -o-font-family: tahoma, arial; 
	_font-size: 12px; color: #3c3c3d; 
	text-shadow: 1px 1px 0 #ffffff; 
	/*background: #ececec  0 0 no-repeat;*/ 
	white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; position: relative; zoom: 1; *display: inline; *vertical-align: middle; -moz-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-touch-callout: none;}
.ui-artzoom-buttons a:hover { color: #ffffff; border-color: #388ad4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2d7dc5; }
.ui-artzoom-buttons a:active { top: 1px; background-position: 0 -81px; border-color: #347bba; background-color: #0f5ea2; color: #ffffff; text-shadow: none; }
.ui-artzoom-noload a.ui-artzoom-left,
.ui-artzoom-noload a.ui-artzoom-right { background-position: 0 0; border-color:#cacaca; color: #999; cursor:default; text-shadow: 1px 1px 0 #ffffff; filter: alpha(opacity=50); opacity:.5; }
.ui-artzoom-ready .ui-artzoom-loading  span { width:5px; overflow:hidden; visibility:hidden; }

/*a.ui-artzoom-left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; border-right: none; }
a.ui-artzoom-right { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; }
a.ui-artzoom-source { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; }
a.ui-artzoom-hide{-webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px;}
*/

a.ui-artzoom-left, a.ui-artzoom-right,a.ui-artzoom-source,a.ui-artzoom-hide{ -webkit-bordert-radius: 0px; -moz-border-radius: 0px; border-bottom-radius: 0px; margin: 0px; border: none; }
a.ui-artzoom-hide
a.ui-artzoom-left:active,
a.ui-artzoom-right:active,
a.ui-artzoom-source:active { top: 0px }
.ui-artzoom-buttons a span { display: inline-block; width: 12px; height: 12px; margin: auto 3px auto auto; position: relative; top: 0; *top: 0px; background-image: ; background-repeat: no-repeat; *font-size:0; vertical-align:middle; }
/*.ui-artzoom-hide { display:none !important; }*/
 

a.ui-artzoom-right span, .ui-artzoom-noload .ui-artzoom-buttons a.ui-artzoom-right span { background-position:0 -0; }
a.ui-artzoom-left span, .ui-artzoom-noload .ui-artzoom-buttons a.ui-artzoom-left span { background-position:-12px 0; }
a.ui-artzoom-source span { background-position:-24px 0; }
a.ui-artzoom-right:hover span,
a.ui-artzoom-right:active span { background-position:0 -12px; }
a.ui-artzoom-left:hover span,
a.ui-artzoom-left:active span { background-position:-12px -12px; }
a.ui-artzoom-source:hover span,
a.ui-artzoom-source:active span { background-position:-24px -12px; }