/* CSS rainy @2013 */
*{margin:0; padding:0}
body{margin:0 auto;color:#454545;font-size:12px;line-height:150%;text-align:center;background:#F5F5F5 url(../images/bg.gif) repeat}
img{border:0}
form{ margin:0px; margin:0px}
.clear{clear:both; font-size:0px; line-height:0}
.none{clear:both; display:none}
/* a */
a:link,a:visited{color:#454545;text-decoration:none}
a:hover{color:#c00}
a.af00:link,a.af00:visited{color:#c00;text-decoration:none}
a.af00:hover{color:#333;text-decoration:underline}
a.afff:link,a.afff:visited{color:#fff;text-decoration:none}
a.afff:hover{color:#FFC}
a.a_img:link,a.a_img:visited{display:block;padding:2px; background:#220000; border:2px #220000 solid; width:100%; height:100%}
a.a_img:hover{border:#EFD84A 2px solid}
/* 定位、列表式样 */
.left{float:left}
.right{float:right}
ul,li,dd,dl,dt,tr,td,h1,h2,h3,h4,h5,h6,em,i{ font-weight:normal;font-style:normal; font-family:"宋体",Verdana, Geneva, sans-serif}
ul,ol{list-style:none}
td{padding:1px 3px}
input{padding:0 3px}
.h5px{clear:both;height:6px; overflow:hidden}
em{font-style:normal;float:right; padding-right:12px; color:#ccc; font-family:宋体}
/* 字体 */
.ft_red{color:#d00}
.ft_12{font-family:"Courier New", Courier, monospace; font-size:10px; font-weight:normal}
.ft_14{font-weight:bold; font-size:14px}
.ft_16{padding-top:10px; font-size:22px; font-weight:bold; color:#c00; text-align:center}
.line{clear:both; height:24px; background:url(../images/line.gif) center repeat-x; width:98%; margin:4px auto}
.box,.head,.headtip,.menu{clear:both; margin:0 auto; width:980px; text-align:left;}
.box{background:#fff;min-height:320px;height:auto !important;height:320px}
/* head */
.headtip{background:url(../images/top.jpg) 0 -5px repeat-x; height:34px; line-height:34px}
.headtip h2{float:left; display:inline; padding:0 10px; font-size:12px}
.headtip li{display:inline; margin-right:12px;line-height:24px}

.head{ background:#fff; height:100px; background:url(../images/topbg.jpg)}
.head .logo{float:left; width:730px; height:100px; color:#636363}
.head .logo p{float:left;display:inline; margin:10px; width:80px; height:80px; }
.head .logo p i{display:inline-block; vertical-align:middle; text-align:center; font-size:0; height:100%; overflow:hidden}
.head .logo p img{vertical-align:middle; 
max-width:80px;
max-height:80px;
width:expression(this.width>80&&this.width>this.height?80:this); 
height:expression(this.height>80?80:this)}
.head .logo h1{float:left; display:block; padding:20px 0 0 20px; font-size:22px; color:#000; font-family:"黑体"; line-height:150%; font-weight:bold}
.head .logo b{font-size:12px; font-weight:normal; color:#555}
.head .vip{float:right; margin:15px; background:url(Default/vip.jpg) 1px 1px no-repeat;width:180px; height:60px}
.head .vip h5{float:right; margin:30px 10px 0 0; display:inline; text-align:center; width:100px; line-height:16px; font-weight:bold; font-size:14px; color:#FFF; padding-top:3PX}
.head .vip h6{ clear:both;padding-top:12px;font-size:12px; text-align:center}

.menu{clear:both;  height:40px; background:url(Default/menu_Bg.jpg)}
.menu li{float:left; display:inline; width:130px; text-align:center}
.menu li a:link,.menu li a:visited{ display:block; height:40px; line-height:40px;color:#fff; font-size:14px; font-weight:bold}
.menu li a:hover,.menu li a.link_over:link,.menu li a.link_over:visited{color:#4F92C0;background:url(../images/over.gif) center 7px no-repeat;margin:0 auto}

.menu li a.a_over:link,.menu li a.a_over:visited{color:#4F92C0;background:url(../images/over.gif) no-repeat; margin:0 auto}
.menu li a.a_over:hover{}

/************* FLASH JQ 效果  */
.slideBox{margin:0 auto;width:980px;height:200px;overflow:hidden;position:relative}
.slideBox .hd{float:left;position:absolute;right:22px;bottom:12px;z-index:1002;height:20px}
.slideBox .hd li{float:left;color:#666;line-height:16px;padding:0 5px;height:16px;cursor:pointer;overflow:hidden;margin:3px 1px;font-family:"宋体";border:1px solid #FFFFFF;background-color:#FFFFFF}
.slideBox .hd li.on{color:#000;background-color:#FF0000;font-weight:bold;border:1px #FF0000 solid}
.slideBox .bd{text-align:center;zoom:1}
.slideBox .bd img{width:980px;height:200px;overflow:hidden;display:block}

.t_hui{height:40px; line-height:40px}
.t_hui h3{float:left; background:url(../images/dot.jpg) 12px no-repeat; padding-left:32px; font-size:14px; font-weight:bold; color:#D4D4D4}
.t_hui h3 strong{color:#124483}

/* list */

.box_l{float:left; width:225px; margin-top:10px;}
.box_l .rbt_year{ margin-top:10px;padding:0px; background:url(../images/rbt_bg.jpg) center no-repeat; height:33px; text-align:center; color:#7C3504; font-size:14px; font-weight:bold}
.box_l .rbt_year .year{ font-size:20px; color:#F00}
.box_r{float:right; width:745px;margin-top:10px; border:1px solid #ddd; padding-bottom:24px; font-family:Verdana, Geneva, sans-serif}
.box_r img{
max-width:660px;
max-height:640px;
width:expression(this.width>660&&this.width>this.height?660:this);
height:expression(this.height>640?640:this)}

.box_l h3{ background:#F27B04; height:35px; line-height:35px; padding-left:35px; font-size:15px; font-weight:bold; color:#fff;background:url(Default/left_title_bg.jpg)}
.box_l ul,.box_l dd{clear:both}
.box_l li{clear:both; background:url(../images/dot2.jpg) no-repeat 22px 8px; height:32px; line-height:32px; border-bottom:1px dotted #fff}
.box_l li a:link,.box_l li a:visited{ font-size:14px; display:block;padding-left:46px}
.box_l li a:hover{}
.box_l p{padding:10px 12px 12px; line-height:24px}

.box_l dd{clear:both; background:url(../images/dot1.gif) no-repeat 10px 12px; height:32px; line-height:32px; border-bottom:1px dashed #dedede; overflow:hidden}
.box_l dd a:link,.box_l dd a:visited{ display:block;padding-left:26px}
.box_l dd a:hover{}
.box_l .tab{border:1px solid #ddd; padding-bottom:10px}

.box .title{background:url(../images/t4.jpg) repeat-x 0 1px; height:35px;}
.box .title h3{float:left; margin-top:1px; background:url(../images/dot2.gif) no-repeat 12px 10px; height:35px; line-height:35px; color:#fff; font-size:15px; font-weight:bold; color:#444; padding-left:35px; }
.box .title em{color:#8d8d8d;padding-top:10px}

.box_r .tab,.box_r .about,.content,.content_pic{clear:both;padding:10px;line-height:24px;min-height:151px;height:auto !important;height:151px}
.box_r .about h4{float:left; width:100px; height:110px; display:inline; margin:10px 10px 0 8px}
.box_r .about h5{float:right; background:url(../images/contact.gif) no-repeat; width:117px; height:240px}
.box_r .about ul{float:left; width:500px; margin:20px 0 0 60px}
.box_r .about li{clear:both; margin:18px 0 0}
.box_r .about li i{display:inline-block; vertical-align:top; text-align:right; padding-right:10px; width:88px; font-size:14px}


.content,.content_pic{padding:20px;min-height:107px;height:auto !important;height:107px}
.content li{clear:both; line-height:24px; padding:4px 0 1px; margin-top:8px}
.content li h5{float:left; background:url(../images/dot.gif) 16px no-repeat; padding-left:28px; font-size:14px}
.content li p{clear:both; padding:5px 10px; line-height:20px; color:#898989; border-bottom:1px dashed #dedede}

.box_r h1{padding-top:2px;font-size:16px; font-weight:bold; color:#d00; line-height:40px}
.box_r h6{text-align:center; color:#b1b1b1;  line-height:22px; padding-bottom:4px;background:url(../images/line.gif) bottom repeat-x}
.box_r h4{line-height:30px}

.box_r .txt_pic{float:left; display:inline; margin-right:12px; width:254px; padding:2px}
.box_r .txt_pic p{display:table-cell;width:250px;height:250px; line-height:250px;border:1px solid #dedede;vertical-align:middle;text-align:center;       
*display: block;
*font-size: 275px;/
*font-family:Arial}
.box_r .txt_pic img{vertical-align:middle; 
max-width:250px;
max-height:250px;
width:expression(this.width>250&&this.width>this.height?250:this);
height:expression(this.height>226?226:this)}

.content dd{float:left; width:236px; display:inline; margin:12px 41px 0 53px; height:166px;border:1px solid #ccc}
.content dd  img{display:block; margin:0 auto; vertical-align:middle; padding:2px; 
max-width:230px;
max-height:160px;
width:expression(this.width>230&&this.width>this.height?230:this);
height:expression(this.height>160?160:this);
margin-top:expression((160-this.height ) / 2)}

.linker{clear:both; margin:8px auto 0 ; width:978px; border:1px solid #fefefe; background:#F1F1F1; line-height:25px; text-align:left}
.linker h3{float:left; font-weight:bold; font-size:14px; padding-left:14px; padding-top:4px; padding-right:12px}
.linker p{padding:4px 10px}
.linker p a{padding-left:12px}

/* foot */
#foot{clear:both; margin:4px auto 0; border-top:2px solid #666;width:980px; height:60px; padding-top:20px; line-height:24px; color:#666; padding-bottom:20px}


.page1{clear:both; text-align:left; margin:6px auto; line-height:24px; padding:8px;width:90%}
.page{clear:both; margin:17px auto; font-size: 12px; text-align:right; width:70%}
.page a,.page span{display:block;color:#1E0106;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center; padding:2px 5px;height:18px; background:#fff}
.page a:hover, .page a.current{color:#fff; background:#c00; border:1px solid #1E0106}
.page input{padding:0px;color:#1E0106;height:16px;width:25px;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px; background:#fff; border:0}


/* 产品图片 */
#prolist{margin:1px auto 0;width:710px; overflow:hidden}
#prolist ul{ padding:0px; margin:0px}
#prolist li{float:left; width:164px; display:inline; margin:3px 3px 0 10px;text-align:center; height:210px;}
#prolist li p{width:162px;height:162px;border:1px solid #dedede;vertical-align:middle;text-align:center;display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:139px; *font-family:Arial; overflow:hidden}
#prolist li p i{display:inline-block; font-size:0; height:100%; overflow:hidden; vertical-align:middle}
#prolist img{padding:1px;vertical-align:middle;  
max-width:160px;
max-height:160px;
width:expression(this.width>160&&this.width>this.height?160:this); 
height:expression(this.height>160?160:this)}
#prolist a{display:block}
#prolist a:hover p{border:1px solid #d00}
#prolist h5{clear:both; padding:5px 0 0; font-size:12px; line-height:150%}


/* 商品详细 右 */
.tmall_view {float:right;width:745px; margin-top:10px; padding-bottom:20px}
.tmall_view #title_cate{background-image:url(../images/view_title_bg.jpg);height:32px}
.tmall_view #title_cate li{ float:left;width:80px;height:32px;}
.tmall_view #title_cate a:link,.tmall_view #title_cate a:hover,.tmall_view #title_cate a:visited{ float:left;display:block;width:80px;text-align:center;height:24px;font-size:14px;background-image:url(../images/view_title_bg_a.jpg);padding-top:8px;}
.tmall_view #title_cate a.link_over:link,.tmall_view #title_cate a.link_over:hover,.tmall_view #title_cate a.link_over:visited{ background-image:url(../images/view_title_bg_h.jpg);font-weight:bold;}
.tmall_view h1 {clear:both;height:36px;line-height:36px;font-size:16px;color:#333;font-weight:bold;text-align:center;}
.tmall_view .show_img {float:left;width:370px;padding-bottom:10px;}
.tmall_view .show_img #ZoomImg{ padding-left:100px;padding-top:10px}
.tmall_view .show_img #ZoomImg span{ float:left;display:block;border:1px solid #CCC;padding:3px 5px 3px 5px;margin-right:20px}
.tmall_view .show_txt {float:left;width:354px;border-top:1px solid #ddd;}
.tmall_view .show_img h5 { padding-top:8px;line-height:22px;text-align:center;}
.tmall_view .show_txt li {clear:both;padding-top:5px;line-height:25px;font-size:14px;}
.tmall_view .show_txt i { background:url(../images/dot4.gif) 10px 0 no-repeat;padding-left:30px;line-height:22px;}
.tmall_view .show_txt p {float:left;width:80px;text-align:right;padding-right:10px;color:#777;}
.tmall_view .show_txt dl {float:left;margin-top:18px;width:352px;border:1px solid #EAEAEA;min-height:50px;height:auto !important;height:50px;background:#F8F8F8;}
.tmall_view .show_txt dd { padding:10px 20px 0;padding-bottom:4px;line-height:40px;}
.tmall_view .show_txt dd .input40 { border:1px solid #dedede;background:#fff;height:20px;line-height:20px;width:30px;text-align:center;}
.tmall_view .show_content{clear:both;padding:18px 30px;text-align:left;line-height:24px;min-height:200px;height:auto !important;height:200px;font-size:14px}
.tmall_view .show_content dd {float:left;width:330px;line-height:30px;border-bottom:1px dashed #dedede;}

.show_content img {
max-width:650px;width:expression(this.width>650&&this.width>this.height?650:this);}

/*多图展示 */
#preview{ width:350px;padding:2px;border:1px solid #ddd; height:350px; overflow:hidden}
#preview img{ vertical-align:middle;  
max-width:350px;
max-height:350px;
width:expression(this.width>350&&this.width>this.height?350:this); 
height:expression(this.height>350?350:this)}
.jqzoom{ width:350px;height:350px;position:relative;}

.zoomdiv{ left:859px;height:400px;width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px;height:56px;padding-top:6px;overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat;width:10px;height:45px;float:left;cursor:pointer;margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat;width:10px;height:45px;float:left;cursor:pointer;margin-top:5px;}
#spec-list{ width:325px;float:left;overflow:hidden;margin-left:2px;display:inline;}
#spec-list ul li{ float:left;margin-right:0px;display:inline;width:62px;}
#spec-list ul li img{ padding:2px ;border:1px solid #ccc;width:50px;height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;display:table-cell;vertical-align:middle;text-align: center;*display:block;*font-size:305px;*font-family:Arial;overflow:hidden}
.jqzoom img{ vertical-align:middle;  
max-width:350px;
max-height:350px;
width:expression(this.width>350&&this.width>this.height?350:this); 
height:expression(this.height>350?350:this)}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative;width:322px;margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px;*margin-left:0;}

/* 按钮输入 */
.title_p {border-bottom:1px solid #DF0008; height:30px; line-height:30px;}
.title_p dl {float:left; width:80%;}
.title_p dd { float:left; width:91px; height:30px; display:inline; margin-right:3px; text-align:center;}
.title_p a { display:block; background:#f3f3f3; width:91px; height:30px; line-height:30px;font-size:14px;font-weight:bold; }
.title_p a:hover {color:#fff;background:#F27B04; }

.title_p a.a_over { color:#fff;background:#F27B04; }
.title_p a.a_over:hover {color:#ff6;}
.title_p .page_t {float:right; line-height:28px; height:28px; padding-right:12px;}
.title_p p {float:left; width:50px; text-align:center;}

.input{border:1px solid #ccc; background:url(../images/bg_input.gif) 0 0  repeat-x; height:24px; line-height:24px; width:170px; padding:0 5px}
.btn_send,.input76,.btn_buy{display:inline-block; border:none; background:url(../images/btn2.jpg) no-repeat; width:125px; height:32px; line-height:32px; text-align:center; color:#fff; cursor:pointer}
.input76{background:url(../images/btn.jpg) no-repeat; width:75px; height:30px; margin:5px}
.btn_buy{background:url(../images/btn3.jpg) no-repeat; width:135px; height:38px; line-height:38px; font-weight:bold; letter-spacing:2px; font-size:16px}

/*新photolist.asp*/
#Photo_Sub{ padding:15px}
#Photo_Sub li{ clear:inherit;display: inline-block;float:left; padding:0px; margin:0px; width:161px; height:210px; background:url(../images/album.gif) top left no-repeat; margin-right:12px; padding:5px 0 0px 5px; text-align:center}
#Photo_Sub .img_border{ display:block; width:150px; height:150px; overflow:hidden;vertical-align:middle;text-align:center;display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:130px; *font-family:Arial; overflow:hidden;}
#Photo_Sub img{vertical-align:middle;  
max-width:150px;
max-height:150px;
width:expression(this.width>150&&this.width>this.height?150:this); 
height:expression(this.height>150?150:this)}
#Photo_Sub h3{ margin-top:12px; font-size:12px; height:15px;padding:0px}
#Photo_Sub h4 { margin:0px;font-size:12px; height:15px;padding:0px; color:#999}

#about_cnt img{ width:350px; padding:2px; border:1px solid #CCC }
#about_cnt_s img{ width:200px; padding:2px; border:1px solid #CCC }