/*.realcontentadd{ width:950px; clear:both; margin:0px auto; height:auto;background-color:White; display:inline-block;min-height:600px;}*/

/*产品一级*/
#pro_pics{ float:left; width:400px; _overflow:hidden;}
/*产品详细页面*/
#pro_pics  ul.productshowtop{ width:900px; margin:0px auto ;height:auto; padding-top:10px; float:left; clear:none; overflow:hidden;}
#pro_pics  ul.productshowtop li{float:left;height:auto;}
#pro_pics  ul.productshowtop li.leftbigpic{ width:400px;height:320px; position:relative; }
#pro_pics  ul.productshowtop li.leftbigpic .imgbig{width:354px;height:297px; background:url(../images/big_pic_bg.png) no-repeat; _overflow:hidden; text-align:center; padding-top:10px; margin:0 auto;}
#pro_pics  ul.productshowtop li.leftbigpic .imgbig img{ max-height:280px; max-width:280px;}

#pro_pics  ul.productshowtop li.leftbigpic .infiniteCarousel { width: 360px; margin:0px auto; position:absolute; min-height: 110px;_height: 89px; left:390px; top:220px;} 
#pro_pics  ul.productshowtop li.leftbigpic .infiniteCarousel .wrapper { width: 330px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; min-height: 90px;_height: 90px; margin: 0px 15px; position: absolute; top: 0;left:0px;} 
#pro_pics ul.productshowtop li.leftbigpic .infiniteCarousel ul a img { -moz-border-radius: 5px; -webkit-border-radius: 5px;} 
#pro_pics ul.productshowtop li.leftbigpic .infiniteCarousel .wrapper ul {height: 90px; width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0;left:0px;} 
#pro_pics ul.productshowtop li.leftbigpic .infiniteCarousel ul li{ display:block; float:left; width:110px; height:90px; background:url(../images/xiaobei.jpg) no-repeat center center;}
#pro_pics ul.productshowtop li.leftbigpic .infiniteCarousel ul li.empty{ background:none;}
#pro_pics ul.productshowtop li.leftbigpic .infiniteCarousel ul li a img { display:block; height:80px; width:80px; margin:0 auto; border:1px solid #ccc; padding:1px;} 
#pro_pics ul.productshowtop li.leftbigpic .infiniteCarousel .arrow { display: block; height: 83px; width: 14px; background: url(../images/arrow2.png) no-repeat 0 0; text-indent: -99999px; position: absolute; top: 0px; cursor: pointer; border:#ccc 1px solid;} 
#pro_pics ul.productshowtop li.leftbigpic .infiniteCarousel .forward { background-position: -20px 35px; right: 0;} 
#pro_pics ul.productshowtop li.leftbigpic .infiniteCarousel .back { background-position: 2px 35px; left: 0;}
/*-------------------------------------------------------------*/

/*

  Magic Zoom Plus v2.0.9 DEMO  Copyright 2010 Magic Toolbox  You must buy a license to use this tool.  Go to www.magictoolbox.com/magiczoomplus/


*/

.MagicZoom img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;}

/* Style of zoomed window */
.MagicZoomBigImageCont {border: 1px solid #999;}
div.MagicZoomBigImageCont div img{ min-height:500px; min-width:500px;}
/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
font-size: 8pt !important;
line-height: normal !important;
color: #fff;
background: #999;
text-align: center !important;}

/* Style of small square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor: move;}

/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;}
/* Style of the small image link */
.MagicZoomPlus {
cursor: url(graphics/zoomin.cur), pointer;
outline: 0 !important;}

/* Style of the small image */
.MagicZoomPlus img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

/* Style of the span inside the small image link */
.MagicZoomPlus span {
display: none !important; }


/* Style of hotspots */
.MagicHotspots {
display: none;
visibility: hidden;}
.MagicHotspots a {
border: 1px solid #ccc;}
.MagicHotspots a:hover {
border: 1px solid red;}

/* Style of the small image link */
.MagicThumb, .MagicThumb:hover {
cursor: url(graphics/zoomin.cur), pointer;
outline: 0 !important;}

/* Style of the small image when the large image is expanded */ 
.MagicThumb-expanded-thumbnail {
cursor: default;}

/* Style of the span inside the small image link */
.MagicThumb span {
display: none !important;}

/* Style of the small image */
.MagicThumb img {
border: 0;
outline: 0;}

/* Style of the expanded image */
.MagicThumb-expanded {
cursor: url(graphics/zoomout.cur), pointer;
background: transparent;
border: 1px solid #ccc;
outline: 0;
padding: 0;}

/* Style of the caption for the expanded image */
.MagicThumb-caption {
color: #333;
font: normal 10pt Verdana, Helvetica;
background: #ccc;
text-align: left;
padding: 8px;
border: 0 !important;
outline: 0 !important;}

/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
background: transparent url(../images/buttons1.png) no-repeat 0 0;
height: 24px;
display: block;}

.MagicThumb-buttons a {
width: 24px;
height: 24px;
margin: 0px 1px !important;
overflow: hidden;
display:block;}

/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
border: 1px solid #000;
background: #fff url(loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;}

/* Style of the small images which swap the main image */
.MagicThumb-swap {}

/* Style to hide caption on page. Only needed for #id method. */
.MagicThumb-external-caption { display: none;}
/*.MagicZoomPup{ display:none;}
.MagicZoomBigImageCont{ display:none;}*/