@charset "utf-8";
/* CSS Document */
/*introduction*/
.introductionCon{ width:755px; background:url(../img/introduction.gif) no-repeat; margin:0 auto}
.introductionCon p{ width:600px; font:12px/18px Arial; color:#555; float:left}
/*glove*/
.gloveCon{ width:755px; background:url(../img/glove.gif) no-repeat; margin:0 auto}
.gloveCon em{ width:515px; font:bold 12px/18px Arial; color:#555; float:left}
.gloveCon .short{ width:515px; font:12px/18px Arial; color:#555; float:left}
.gloveCon p{ font:12px/18px Arial; color:#555; float:left}
/*leather*/
.leatherCon{ width:755px; background:url(../img/leatherGloveBg.gif) no-repeat; margin:0 auto}
.leatherCon em{ font:bold 12px/18px Arial; color:#555; float:left}
.leatherCon .short{ width:445px; font:12px/18px Arial; color:#555; float:left}
.leatherCon p{ font:12px/18px Arial; color:#555; float:left}
/*environment*/
.environmentCon{width:755px; margin:0 auto}
.environmentCon p{ font:12px/18px Arial; color:#555; float:left}
/*factory*/
.factoryCon{ width:755px; margin:0 auto}
.factoryCon p{ font:12px/18px Arial; color:#555;}
/*faq*/
.faqCon{ width:755px; background:url(../img/faq.gif) no-repeat; margin:0 auto}
.faqCon em{ font:bold 12px/18px Arial; color:#555; float:left}
.faqCon .short{ width:515px; font:12px/18px Arial; color:#555;}
/*contact us*/
.contactCon{ width:755px; margin:0 auto}
.contactCon em{ width:515px; font:bold 12px/22px Arial; color:#666; float:left; margin-left:34px; display:inline}
.contactCon p{ width:515px; font:12px/22px Arial; color:#666; float:left; margin-left:34px; display:inline}
.contactCon img{ width:618px; height:522px; margin:5px 0 0 72px}
/*news*/
.newsCon ul{ margin-left:20px}
.newsCon li{ width:725px; height:30px; background:url(../img/newsliBg.gif) no-repeat center left}
.newsCon li a{ font:13px/30px Arial; color:#555; padding-left:35px }
.newsCon li span{ font:10px/30px Arial; color:#ccc; float:right; *margin-top:-30px}
/*newsinfo*/
.newsinfoCon{ width:755px; margin:0 auto}
.newsinfoCon .title{ width:755px; margin:0 auto}
.newsinfoCon .title h1{ font:14px/18px Arial; color:#575757; text-align:center}
.newsinfoCon .title span{ font:12px/18px Arial; color:#c6c6c6; float:right}
.newsinfoCon p{ font:12px/18px Arial; color:#666;}
.formore p{ font:12px/30px Arial; color:#5e5e5e; padding-left:16px;}
.formore a{ font:12px/24px Arial; color:#5584d7; background:url(../img/formoreAbg.gif) no-repeat center left; padding-left:25px; margin-left:15px}
/*massage*/
.massageCon{width:755px; margin:0 auto}
.massageCon p{ width:64px; font:12px/20px Arial; color:#3a3a3a; float:left; margin-left:35px; display:inline; text-align:left}
.massageCon input{ width:170px; height:18px; border:1px solid #ccc;}
.massageCon em img{ margin:8px 5px 0 0 }
.massageCon textarea{ width:283px; height:158px; border:1px solid #ccc}
.massageCon .submit{ width:66px; height:24px; border:none; cursor:pointer; margin:0 20px 0 160px}
.off{ background:url(../img/submit.gif)}
.at{ background:url(../img/submitOn.gif)}
.massageCon .reset{ width:66px; height:24px; border:none; cursor:pointer}
.offtwo{ background:url(../img/reset.gif)}
.attwo{ background:url(../img/resetOn.gif)}
/*Men Women Lastest*/
.conT{ width:1002px; margin:0 auto}
.intor{ width:555px; margin:20px 0 20px 38px}
.intor p{ font:12px/20px Arial; color:#f8f8f8}
.conT ul{ width:578px; overflow:hidden; margin-left:10px}
.conT li{ width:173px; margin:0 15px 15px 0} 
.conT li a.name{ width:173px; height:31px; background:url(../img/aNameBg.png); display:block; position:relative; z-index:10; margin-top:-31px; font:14px/30px Arial; color:#fff; text-align:center}
.bigImg{ width:322px; height:465px; float:right; position:relative; margin:-352px 58px 0 0; z-index:12; display:inline; *margin-top:-454px; _margin-top:-468px}
.conT .bottom{ margin-top:30px}
/*product*/
.menshowlist{ width:190px;}
.menshowlist a{ width:190px; display:block; font:14px/26px Arial; color:#bfbfbf}
.womenshowlist{ width:190px;}
.womenshowlist a{ width:190px; display:block; font:14px/26px Arial; color:#bfbfbf}
.lastestlist{ width:190px;}
.lastestlist a{ width:190px; display:block; font:14px/26px Arial; color:#bfbfbf}
.productCon{width:755px; margin:0 auto}
.productCon li{ width:174px; height:193px; border:1px solid #cbcbcb; background:#fff; text-align:center; margin:0 12px 30px 0; display:inline}
.productCon li img{ margin:8px 5px 5px 5px;}
.productCon li a{ width:166px; display:block; overflow:hidden; font:12px/18px Arial; color:#666; margin-left:4px;}
.productShow{ width:198px; height:236px; border:1px solid #d2d2d2; background:#fff; float:left}
.productShow img{ margin:5px 4px 4px 4px}
.showName{ width:470px; height:236px; margin-left:40px; float:left; display:inline}
.showName em{ font:12px/26px Arial; color:#666; float:left}
.showName p{ font:12px/26px Arial; color:#555; float:left}
.procudtCont .title{ width:690; height:39px; margin:28px auto 0 auto; border-top:1px dotted #cacaca; background:url(../img/productContitleBg.gif) no-repeat center left}
.procudtCont .title p{ font:14px/40px Arial; color:#666; padding-left:20px}
.productPic{ width:550px;  margin:0 auto 20px auto; }
.productPic img{ border:1px solid #d8d8d8; background:#fff; padding:2px; margin:5px 3px}
/*seller*/
.sellerCon{ width:755px; margin:0 auto}
.sellerCon p{ font:12px/18px Arial; color:#555; }
/*sizing*/
.sizingCon{ width:755px; margin:0 auto; background:url(../img/sizingBg.gif) no-repeat}
.sizingCon h1{ font:bold 16px/24px Arial; color:#666}
.sizingCon em{ font:bold 12px/26px Arial; color:#666}
.sizingCon p{ width:555px; font:12px/18px Arial; color:#666}
/*logon*/
.logon{ width:489px; height:316px; background:url(../img/logon.png); margin:0 auto}
.logon input{ width:222px; height:38px; border:none; background:url(../img/inputBg.gif); font:14px/38px Arial; color:#ccc; padding-left:5px}
.inputName{ margin:87px 0 0 105px}
.password{ margin:14px 0 0 105px; *margin-top:11px}
.logon .logonSubmit{ width:99px; height:42px; background:url(../img/login.gif); float:left; margin:20px 0 0 158px; cursor:pointer}