/* CSS class for zoomed area */
.left-pro{ margin-top:20px;}
.left-pro .t1{width:100px;float:left; margin-left:10px;}
.left-pro .t2{width:444px;text-indent:0;float:left;}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:96px;padding:1px;border:1px solid #ccc;height:65px;float:left}
#main_img{cursor:pointer;display:block}
.lanse{ width:100px; height:25px;}
#gotop{cursor:pointer; float:left; width:50px; height:20px;}
#gobottom{cursor:pointer; float:left;width:50px; height:20px; }
#showArea{height:281px; overflow:hidden}
.MagicZoomBigImageCont{border:1px solid #91b817;overflow:hidden}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}


.pdintro { width:360px; float:right; background-color:#f6f6f6;padding:3px; height:300px;}
.pdintro .name,.pdintro .cateby { border-bottom:#e7e7e7 2px solid; line-height:1.2;}
.pdintro .name { font-size:28px;padding:35px 0 20px; text-align: center; margin-bottom:28px;}
.pdintro .cateby { font-size:16px; color:#333; padding:20px 0}
.pdintro .cateby .catp{ line-height:2;}
.pdintro .cateby .catp .catps{ display:inline-block; margin-right:5%;}
.pdintro .pbtn{padding-bottom:18px;width: 80%;margin: auto;}
.pdintro .pbtn a { display:block; height:35px; line-height:35px; background-color:#7a7a7a; color:#fff; padding:10px 0; text-align:center; font-size:20px;}
.pdintro .pbtn a img{ margin-right: 20px;vertical-align: middle;}
.pdintro .pbtn a:hover{ background-color:#1d61ac;}
.pdintro .pbtn .cart { display:inline-block; width:40px; height:40px; background:url(../images/cart.png) no-repeat; overflow:hidden; vertical-align:middle; margin-right:15px;}
.pdintro .tel { font-size:14px;width: 87%;margin:10px auto 0;}
.pdintro .tel a { font-size:24px; color:#01a2ea; font-style:italic; margin-left:5px;}
.pdintro .links { overflow:hidden; padding:40px 0 0; margin:0 75px;}
.pdintro .links ul { width:100%;}
.pdintro .links li { width:33.333%; height:24px; line-height:24px; float:left; border-right:#c7c7c7 1px solid; margin-right:-1px; text-align:center; font-size:14px;}
.pdintro .links i { display:inline-block; width:30px; height:30px; background:url(../images/arr.png) no-repeat; overflow:hidden; vertical-align:middle; margin-top:-3px; margin-right:3px;}
.pdintro .links i.pl02 { background-position:-30px 0;}
.pdintro .links i.pl03 { background-position:-60px 0;}
.pdintro ._tools{width:80%; margin:auto;}
.pdintro ._tools li{ float:left;border-left: 1px #c0c0c0 solid;margin-left: -1px;line-height: 24px; height: 24px; padding:0 7px; cursor:pointer;}
.pdintro ._tools li.bdsharebuttonbox a{ background:none; padding:0;font-size: 14px;float: none; margin: 0;line-height: 24px;height: 24px;}