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

/*产品一级*/
#pro_pics{ float:left; width:512px; _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:512px;height:500px; }
#pro_pics  ul.productshowtop li.leftbigpic .imgbig{width:512px;height:375px; _overflow:hidden; text-align:center;}
#pro_pics  ul.productshowtop li.leftbigpic .imgbig img{ max-width:512px; max-height:375px; }

#pro_pics  ul.productshowtop li.leftbigpic .infiniteCarousel { width: 470px; margin:0px auto; position: relative; min-height: 89px;_height: 89px; margin-top:10px;} 
#pro_pics  ul.productshowtop li.leftbigpic .infiniteCarousel .wrapper { width: 440px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; min-height: 89px;_height: 89px; 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: 89px; 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:85px; 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:100px; margin:0 auto; border:1px solid #ccc; padding:1px;} 
#pro_pics ul.productshowtop li.leftbigpic .infiniteCarousel .arrow { display: block; height: 82px; width: 14px; background: url(../images/arrow.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-width:1000px; min-height:750px;}
/* 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;}*/
.pro_min_int{ float:right; height:450px; width:400px; margin-top:15px;}
.pro_min_int h1{ font-size:20px; color:#0094de; height:30px;}
.min_int{ line-height:200%; color:#666;}
.pro_int{ float:left; width:515px; min-height:500px; _height:500px; position:relative;}
#pro_int_nav{ height:32px; width:514px;}
#pro_int_nav ul li{ float:left; height:32px; width:126px; background:url(../images/int_nav.png) -136px 0px no-repeat; text-align:center; line-height:32px; color:#FFF; cursor:pointer;}
#pro_int_nav ul li.on{ background:url(../images/int_nav.png) left bottom no-repeat; width:136px; color:#666;}
#pro_int_box{ min-width:480px; _height:400px; background:url(../images/int_mid_bg.png) repeat-y; padding:10px;}
#pro_int_box ul li.off{ display:none; line-height:200%; color:#666;}
#pro_int_box ul li.on{ display:block; line-height:200%; color:#666;}
#pro_int_box ul li img{ max-width:480; height:auto; width:expression(this.width > 480 ? "480px" : this.width); 
}
.pro_int_bottom{ height:5px; background:url(../images/int_bottom_bg.png); overflow:hidden;}
.right_about_pro{ float:right; width:240px;}
.right_about_pro_top{ height:36px; background:url(../images/right_about_pro_top.png); line-height:36px; padding-left:20px; color:#666;}
.right_pro_mid{ min-height:200px; _height:200px; background:url(../images/right_about_pro_mid.png) repeat-y;}
.right_pro_bottom{ background:url(../images/right_about_pro_bottom.png) no-repeat; height:8px; overflow:hidden;}