/*product detail*/
img {max-width:680px;myimg:expression(onload=function(){this.style.width=(this.offsetWidth > 680)?"680px":"auto"});}
.but_contact{text-align:center;padding:10px 0;}
.but_contact a{background: url(../images/but_contact.gif);color: #FFFFFF !important;display: inline-block;font-size: 14px;
 font-weight: bold; height: 34px;line-height: 32px;padding-left: 35px; width: 112px;}
.but_contact a:hover{ color:#b30000; text-decoration:underline }
h1#dir{font-size:12px;font-weight:normal;margin:5px 0}
.proDetail_box{background-color:#FFF; border:solid 1px #e9e9e9; padding:20px 10px;margin:10px 0; float:left; width:695px; display:inline}
.halfImg{ margin-bottom:10px;overflow:hidden;zoom:1}
.halfImg .detailPhoto{ float:left; margin-right:10px;width:272px;font-family:sans-serif,arial;}
.detailPhoto .bImg{ background-color:#fff; border:solid 1px #ccc; display:table-cell; height:270px; line-height:270px; width:270px; text-align:center; vertical-align:middle;>display:block;>font-size:225px;>font-family:Arial}
.mImgs{margin-top:3px}
.mImgs td,.mImgs td:hover{background-image:url(../images/simgbg.gif);background-position:center top;*background-position:center 1px}
.mImgs td{padding:3px;text-align:center;vertical-align:middle;width:40px;height:40px;cursor:pointer}
.mImgs td img{margin-bottom:0;width:40px;height:40px}
.mImgs td.cur{;background-position:center -46px;*background-position:center -45px}
.rightCon{ float:left;width:405px;}
.rightCon h1{ font-size:16px; line-height:22px;margin-bottom:15px; margin-top:0}
#prodetails_data{ width:100%; font-size:12px; color:#666}
#prodetails_data th,#prodetails_data td{ padding:5px 0}
#prodetails_data th{width:80px;text-align:right;font-weight:normal;}
#butS{ margin-top:15px;overflow:hidden;zoom:1; float:right}
#butS .but_contact{ float:right;padding:0;margin:0}
#butS .contactFr{ float:right; margin-left:15px; margin-top:6px;margin-right:0}
.contactFr{ float:right; margin-right:15px; margin-top:-28px}
.imagezoom{ background:#fff url(../images/seebigpic.png) no-repeat center; width:20px; height:20px; z-index:100; position:absolute; margin-left:250px; margin-top:-22px;opacity:0.8;filter:Alpha(Opacity=80)}
.imgborderdetails{max-width:270px;max-height:270px;}
.offL .desc{width:578px}
.prices th{text-align:center;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eff0f0));background:-moz-linear-gradient(top, #f8f8f8,#eff0f0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8,endColorstr=#eff0f0,grandientType=1);padding:3px; border:solid 1px #EEE; font-weight:normal; width:30%}
.prices td{ padding:3px;text-align:center;border-bottom: dotted 1px #DFDFDF}
.prices .red{ color:red}
.toedit{margin-right:10px;margin-top:-27px;float:right;background:#fff url(../images/icon_edit.gif) no-repeat 5px center;width:30px;padding-left:20px;height:19px;border:solid 1px #7a8187;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;margin-bottom:5px}
#otherpro li{height:auto}
#prodetails{width:95%;border-left:solid 1px #ddd;border-top:solid 1px #ddd;margin:auto;}
#prodetails th,#prodetails td{border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;padding:5px;vertical-align:top}
#prodetails th{width:110px;text-align:right}
.proDes{font-size:14px}
.proDes p{ line-height:25px;}

/* for Pro&Off's table data */
#StyleTableProd { margin: 8px auto; clear: both; width:95%; zoom:1; overflow-x:auto; overflow-y:hidden; padding:2px 2px 20px; }
#StyleTableProd table { width: 95%; min-width: 400px; margin: 2px; float: left; clear: both; text-align: center; border: 0; border-collapse: collapse; }
#StyleTableProd table caption { border: 0; margin: 0 auto; text-align: center; }
#StyleTableProd table td, #StyleTableProd table th { background-color:transparent; border:1px solid gray; padding: 0 3px; text-align:left; }

/*index*/
.sindex{zoom:1;overflow:hidden;margin: 10px;}
.sindex div{padding-left: 15px;line-height: 3;}
.sindex ul{float:left;width: 45%;}
.sindex ul,.sindex li{list-style-position: outside;list-style-type: disc;margin-left: 10px;padding-left: 10px;margin-bottom: 5px;}

/*Share SNS*/
.shareSNS{ background-color:#f8f8f8; border:solid 1px #e9e9e9; margin-bottom:10px;padding:5px 10px;overflow:hidden;zoom:1}
.shareSNS a{ text-indent:-999px; background-image:url(../images/common/share_logo.png); background-repeat:no-repeat; height:16px; line-height:16px; width:16px; float:left; margin:0 2px}
.shareSNS .shareAll{ text-indent: 0; width:48px; padding-left:20px; margin:0; font-size:12px;text-decoration:none}
.shareSNS .shareAll:hover{ text-decoration:none}
.renren{background-position:left -16px}
.kaixin001{background-position:left -32px}
.weibo{background-position:left -48px}
.qq{background-position:left -64px}
#sharebox{ width:250px; background-color:#7C7C7C;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; padding:5px;margin-top:3px; font-size:12px}
#ats_inner{ background-color:#fff; border:solid 1px #fff}
#at_hover{ overflow:hidden;zoom:1; padding:4px}
#at_hover a{ padding:2px;cursor:pointer; float:left; width:114px; border:solid 1px #fff; text-decoration:none;color:#06c}
#at_hover a span{background-image:url(../images/common/share_logo.png); background-repeat:no-repeat; padding-left:20px;height:16px; line-height:16px; display:block}
#at_hover a:hover{ background-color:#f2f2f2; border:solid 1px #e5e5e5;color:#c0030a}
.atic_renren span{background-position:left -16px}
.atic_kaixin001 span{background-position:left -32px}
.atic_weibo span{background-position:left -48px}
.atic_qq span{background-position:left -64px}
.atic_t_qq span{background-position:left -80px}
.atic_hi_baidu span{background-position:left -96px}
.atic_cang_baidu span{background-position:left -112px}
.atic_douban span{background-position:left -128px}
.atic_blog163 span{background-position:left -144px}
.atic_t_msn span{background-position:left -176px}

#ats_head{color:#333;background-color:#f2f2f2; border:solid 1px #e5e5e5; padding:4px;line-height:1em; position:relative}
#atsptx{ color:#4c4c4c; font-weight:bold; position:absolute; right:4px; top:4px;_margin-right:4px;text-decoration:none; font-family:Arial, Helvetica, sans-serif}

/*pop*/
.pop{ position:absolute; z-index:100; background-color:#fff; width:520px; border:solid 2px #cfe8ff;height:auto;_height:260px; min-height:260px; top:50%; left:50%; margin-top:-130px; margin-left:-260px}
.pop h2{ margin:0; background:url(../images/pop_h2bg.jpg) repeat-x; height:36px; line-height:36px; padding-left:20px; color:#fff; font-size:14px}
.pop h2 a{ background:url(../images/close.gif) no-repeat; height:14px; width:14px; float:right; margin-top:10px; margin-right:15px}
.pop .cent{ padding:15px 20px}
.pop .tab{ overflow:hidden;zoom:1}
.pop .tab li{background:url(../images/pop_tab.gif) no-repeat left top;float:left;height:36px;padding-left:15px; cursor:pointer; margin-right:10px; color:#3987d5; font-weight:bold}
.pop .tab li span{background:url(../images/pop_tab.gif) no-repeat right top;display:block;padding-top:6px;padding-bottom:12px;padding-right:15px}
.pop .tab li.now{ background:url(../images/pop_tab.gif) no-repeat left bottom; color:#333}
.pop .tab li.now span{background:url(../images/pop_tab.gif) no-repeat right bottom}
.pop .addnew{background-color:#ebf5ff; border:solid 1px #d6eafd; margin-top:-1px; padding:15px; margin-bottom:10px}
.pop .addnew #addModel{color:#fff;font-weight:bold;background-image:url("../images/pop_but.png");border:0 none;cursor:pointer;height:27px;width:125px;}
.pop .others li{ background:#ebf5ff url(../images/icon_a3.png) no-repeat 8px 10px; border:solid 1px #ddeefd; padding:5px 18px; margin-bottom:5px}
.pop .others li span{ float:right}
.pop .others li span a{color:#3987D5;}
.Alpha{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#000;width:100%;height:100%;z-index:2;opacity:0.4;filter:Alpha(Opacity=40)}
.collapsed{display:none}

/*cutImage*/
.jcrop-holder{text-align: left;}
.jcrop-vline, .jcrop-hline{font-size: 0px;position: absolute;background: white url('Jcrop.gif') top left repeat;}
.jcrop-vline{height: 100%; width: 1px !important;}
.jcrop-hline{width: 100%; height: 1px !important;}
.jcrop-vline.right{right:0px;}
.jcrop-hline.bottom{bottom:0px;}
.jcrop-handle{font-size: 1px;width: 7px !important;height: 7px !important;border: 1px #eee solid;background-color: #333;}
.jcrop-tracker{ width: 100%; height: 100%; }
.custom .jcrop-vline,.custom .jcrop-hline{background: yellow;}
.custom .jcrop-handle{border-color: black;background-color: #C7BB00;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

.passwordTip{ border:1px solid #CCC; padding:17px 20px 20px; font-size:12px; position:relative; background:#f2fdfc; line-height:2}
.passwordTip #close{ position:absolute; right:10px; top:5px; cursor:pointer}
.passwordTip a{ margin:0 3px}
.passwordTip strong{ color:#333; display:inline-block; margin-bottom:10px}
#passwordError{ color:#C00; margin:0 36px}
.passwordTip button{ cursor:pointer; vertical-align:middle}
.passwordTip input{ height:16px; padding:2px 4px}

.yxbox li{margin-bottom:5px;}
.yxbox h3{font-size:14px;margin:0}
.yxbox h3 .time{color:#999;font-size:12px;font-weight:normal;margin-left:10px}
.sditem{padding:10px 0;border-bottom:dashed 1px #888;margin:5px 0}
.sditem h3{margin:0}
.sditem h3 span{font-weight:normal;font-size:12px;color:#888}
.stuff li{color:#888;list-style:disc outside none;margin-left:17px;padding:5px 0;}

.edb{text-align:center;cursor:pointer;display:block;padding:3px}
.ed {background:#FFFFFF;border:1px inset #BBBBBB;padding:2px;text-align: center}
.gray76, .gray76:link {color: #c2c2c2;}
#safeimage{background-color:#fcf;margin-bottom:5px;padding:3px 5px;text-align:right;color:#333;}
.operatInfo{width:90%;margin:30px auto}
.operatInfo .error{background-color:#ffcccc;border:solid 1px red;color:#333;margin:10px;padding:10px}
.operatInfo .error h5{font-size:14px;color:red;margin:0}
.operatInfo .spacer{margin:0 20px}
.operatInfo .spacer .c{border-top:solid 1px #ddd;padding:10px}


.proDetail_right{ width:255px; float:right; margin-top:10px;}
.banner_bg{ margin-left:3px; display:inline;}
.banner_bg img{ width:250px; border:1px solid #ccc; padding:1px;}

.proDetail_gongsi{ width:250px; float:left; background:url(../images/sj_r01.jpg); height:285px;}
.proDetail_gongsi h4{ width:220px; text-align:center; font-size:14px; margin-top:35px; height:30px}
.proDetail_gongsi ul{ margin-left:25px}
.proDetail_gongsi ul li{ line-height:28px;}
.btn_jinru{background: url(../images/btnbig.gif) repeat scroll 0 0 transparent; border: 1px solid #FF6600;color: #FFFFFF;cursor: pointer; display: inline;
font-family: "Microsoft YaHei","Arial";font-size: 18px; height: 33px;margin-right: 8px; margin-top: 8px;padding: 0 10px; *padding:0; margin-left:20px}

.shangji{ width:252px; border:1px solid #ccc; float:left; margin-left:2px; margin-top:10px}
.shangji h5{ background:url(../images/list_nav_bg.gif); height:28px; border-bottom:1px solid #ccc; font-size:12px; line-height:28px}
.span_l_n{ float:left; margin-left:8px}
.span_r_n{ float:right; margin-right:3px;}
.span_r_n a{ font-size:12px; font-weight:normal; color:#666}
.span_r_n a:hover{ color:#b30000; text-decoration:underline;}
.shangji ul{ padding-bottom:10px; float:left}
.shangji ul li{ border-bottom:1px dashed #ccc; float:left;  width:230px; line-height:30px; margin-left:10px}
.shangji ul li a{ color:#333;}
.shangji ul li a:hover{ color:#b30000}
.shangji ul li:hover{border-bottom:1px solid #ccc; }


.email{ width:1000px; border:1px solid ; border-color:#ff8e3b #ccc #ccc #ccc; float:left; margin-top:10px; background-color:#FFFFFF;}
.text{ padding:20px;}
.text h5{ font-size:12px; font-weight:normal; float:left; width:100%;}
.text font{ color:#ff0000;}
.text p{ line-height:38px}
.text a{ color:#005aa0;}
.text a:hover{ color:#b30000; text-decoration:underline}
.proInfo{ padding:0px 0 20px 11px; float:left; width:400px;}
.proInfo dl{ float:left}
.proInfo dl dt{ margin-right:18px; float:left}
.proInfo dl dt img{ width:100px; height:100px; float:left; border:1px solid #ccc;}

.proInfo dl dd{ float:left; width:250px; line-height:28px}
.proInfo dl dd span{ width:60px; text-align:right; float:left}

.user_form li {clear: both;padding: 5px 0; line-height:20px}
.user_form li {clear: both;padding: 5px 0;}

.table_xinxi{ border-bottom:1px #ccc dashed; padding-bottom:10px}
.table_email{ width:100%;}
.table_email td{ height:38px}
.table_email td span{ float:left; text-align:right; margin-right:10px}
.smtable{ border: 1px solid #C5C5C5;padding: 3px 5px; width:300px;}
.smtable_price{ border: 1px solid #C5C5C5;padding: 3px 5px; width:100px;}
.textarea { border: 1px solid #C5C5C5;padding: 3px 5px;}

.zp_zw {
    background-color: #eee; text-indent:5px;
    height: 35px;
    width: auto; line-height:35px;
}
.zp_zw strong{ font-size:16px}
.user_box{ 1px solid #ccc; width:1000px;}
.email h3{ background:url(../images/email-bg.jpg); float:left; width:1000px; height:28px}
.email h3 span {color: #FFFFFF;font-size: 14px;font-weight: bold; margin-left: 20px; line-height:28px;}



.smtable{ background: url(../images/input.png) repeat scroll 0 0 transparent; border: 1px solid #ccc;float: left; font-size: 14px;
 height: 22px; margin: 0 5px; padding: 2px;width: 350px;}

.smtable_price{ background: url(../images/input.png) repeat scroll 0 0 transparent; border: 1px solid #ccc;float: left; font-size: 14px;
 height: 22px; margin: 0 5px; padding: 2px;width: 120px;}


.zoomPad img{ width:270px; height:270px}


.but_success{ 
	text-align: center; float: left; margin: 0; padding: 0;
	background: url(../images/btn_success.gif) repeat scroll 0 0 transparent;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    line-height: 32px;
    padding-left: 35px;
    width: 112px; margin-right:5px
}