/*-------------------------- layout supplier ------------------------*/
#top{ width:960px; margin:0 auto; height:36px;}
.topSearch{ width:185px; float:right; height:30px; position:relative; padding-top:6px;}
.topInfo{ float:right;width:450px; height:36px; font:normal 12px verdana; line-height:36px; text-align:right; padding-right:10px;}
.w135{ width:135px; margin-right:8px;}
.topGo{ position:absolute; right:0; top:6px;}
#subcol{ float:left; width:205px; border:#81879D 1px solid; }
#maincol{ float:right; width:741px;}
#comHearder{ width:960px; margin:0 auto; height:106px; background:url(bgBanner.jpg) #1845AA no-repeat; position:relative;}
#comNav{ width:960px; height:29px; background:url(bgNav.png) #D9DCE3 no-repeat right top; margin:0 auto;  overflow:hidden;}
.vip{ position:absolute; left:39px;top:17px; width:54px; height:75px;}
.year{ position:absolute; left:100px; top:34px; width:120px; height:40px; font:bold 14px/18px verdana;  color:#fff;}
.comName{ float:right; height:106px; width:666px; padding-right:70px; font:bold 24px arial;}


#comNav li{ background:url(comNav.png) no-repeat; float:left; height:29px; cursor:pointer;}
#comNav li a{ display:block; padding-top:40px; height:29px; overflow:hidden; background:url(comNav.png) no-repeat;}
#comNav li em{ display:none;}
#comNav li.nav1,#comNav ul li.nav1 a{ width:158px; background-position:0 0;}
#comNav li.nav1 a:hover{ background-position:0 -29px;}
#comNav li.nav1Act{width:158px;background-position:0 -29px;}

#comNav li.nav2,#comNav li.nav2 a{ width:179px; background-position:-158px 0;}
#comNav li.nav2 a:hover{ background-position:-158px -29px;}
#comNav li.nav2Act{width:179px;background-position:-158px -29px;}

#comNav li.nav3,#comNav li.nav3 a{ width:180px; background-position:-337px 0;}
#comNav li.nav3 a:hover{ background-position:-337px -29px;}
#comNav li.nav3Act{width:180px;background-position:-337px -29px;}

#comNav li.nav4,#comNav li.nav4 a{ width:155px; background-position:-517px 0;}
#comNav li.nav4 a:hover{ background-position:-517px -29px;}
#comNav li.nav4Act{width:155px;background-position:-517px -29px;}

#comNav li.nav5,#comNav li.nav5 a{ width:162px; background-position:-672px 0;}
#comNav li.nav5 a:hover{ background-position:-672px -29px;}
#comNav li.nav5Act{width:162px;background-position:-672px -29px;}

#comNav li.nav6,#comNav li.nav6 a{ width:126px; background-position:-834px 0;}
#comNav li.nav6 a:hover{ background-position:-834px -29px;}
#comNav li.nav6Act{width:126px;background-position:-834px -29px;}



.bgTop{ height:52px; border-left:#CCCACB 1px solid; border-right:#CCCACB 1px solid; background:url(../supplier/topBg.gif) repeat-x; margin-bottom:10px; padding-left:12px;}

h1.lh1{ font:normal 12px/1.5 arial;}
h1.comh1{font:normal 12px/1.5 arial; margin-bottom:10px; padding-left:13px; padding-top:8px;}
h1.mh1{ font:bold 14px/1.5 verdana;}
.titBox1{height:27px;  background:url(../supplier/topBg.gif) repeat-x 0 -55px; padding-left:15px;}
.titBox1 h2,.titBox1 h1{  font:bold 14px verdana; float:left; width:50%; line-height:27px;}
.titBox1 span{ float:right; padding-right:15px; line-height:27px;}
.titBox2{height:21px; line-height:20px; background:url(../supplier/topBg.gif) repeat-x 0 -85px; padding-left:10px; margin:3px 0;}
.titBox2 h3{font:13px verdana; float:left; width:50%; line-height:21px;}
.titBox1 h1.w560{ width:560px; overflow:hidden; height:27px;}

.intr-box{ padding:3px 15px 25px 15px;}
.intr-box2{ padding:0 20px 0 13px;}
.com-pic{ width:210px;  float:right; text-align:right;margin-top:5px; margin-left:12px; height:auto!important; height:165px; min-height:165px; }
div.com-pic div{ display:table-cell; text-align:center; vertical-align:middle; position:relative; overflow:hidden; width:210px; height:160px;border:#9f9f9f 1px solid;}
div.com-pic div p{ position:static;*position:absolute; top:50%; }
div.com-pic div p img{ position:static;*position:relative;left:-50%; top:-50%;}
div.com-pic ul.num{ height:25px;  overflow:hidden;  text-align:right;margin-top:5px; margin-left:12px;   }
div.com-pic ul.num li{ width:16px; height:23px; float:right; margin-left:5px;}
div.com-pic ul.num li a{ display:block;width:14px; height:12px; background:#FFF; border:#d1d1d1 1px solid; text-align:center; font: 10px verdana;}
div.com-pic ul.num li a:hover{ text-decoration:none; background:#F96600; color:#fff;}
div.com-pic ul.num li a.actNum{ background:#F96600; color:#fff}

.pad20-t{ padding-top:20px;}
.pad10-t{ padding-top:10px;}
.mar15_t{ margin-top:18px;}

.cbox2,.cbox3,.cbox4,.cbox5,.cbox6,.cbox7,.lbox2,.lbox3,.lbox4{ margin-top:10px;}

.proUl{clear:both; padding-top:10px; padding-left:35px; padding-bottom:15px; font-family:verdana; }
.proUl ul{clear:both; }
.proUl ul li{ float:left;width:115px; padding-right:25px; text-align:left; font-size:11px; padding-bottom:8px; padding-top:15px;line-height:14px; }
.proUl ul li.hot{ background:url(../supplier/hot.gif) no-repeat 88px 2px;}
.proUl ul li div{ border:#D5D6D0 1px solid; padding:2px;width:100px; height:100px; margin-bottom:5px;}
.proUl ul li div div{ border:none; padding:0; width:100px; height:100px;  display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;/* hack for ie */*display: block;*font-size: 87px;/* end */ }
.proUl ul li div div img{ vertical-align:middle;}

/*------ add choose ------*/
.proUl2{clear:both; padding-top:11px; padding-left:15px; padding-bottom:15px;font-family:verdana; }
.proUl2 ul{clear:both;}
.proUl2 ul li{ float:left;width:115px; padding-right:10px; text-align:left; font-size:11px; padding-bottom:8px; padding-top:15px; padding-left:20px; position:relative; line-height:14px;}
.choose2{ position:absolute; left:-6px; top:12px;}
.proUl2 ul li.hot{ background:url(../supplier/hot.gif) no-repeat 108px 2px;}
.proUl2 ul li div{ border:#D5D6D0 1px solid; padding:2px;width:100px; height:100px; margin-bottom:5px;}
.proUl2 ul li div div{ border:none; padding:0; width:100px; height:100px;  display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;/* hack for ie */*display: block;*font-size: 87px;/* end */ }
.proUl2 ul li div div img{ vertical-align:middle;}

.v18{ font-size:18px; font-family:verdana;}
.com-info{ padding:15px 15px 0 15px;}
.com-info1{ padding:5px 15px 0 15px;}
.com-info td.leftTd,.com-info1 td.leftTd{ font-weight:bold; vertical-align:top; line-height:14px; padding:5px 0;padding-left:10px; }
.com-info td.leftTd2,.com-info1 td.leftTd2{ font-weight:bold; vertical-align:top; line-height:14px; padding:5px 0;}
.com-info td.rightTd,.com-info1 td.rightTd{vertical-align:top;padding:3px 0; line-height:16px;}
.com-info td.rightTd2,.com-info1 td.rightTd2{vertical-align:top;padding:3px 0; line-height:16px; padding-left:10px;}

   
.menuDl{ background:#E0E3E8; font-family:verdana;} 
.menuDl dt{ height:34px; padding-left:17px; font:bold 13px verdana;line-height:34px; background:url(bgDt.jpg) #1845AA repeat-x; } 
.menuDl dt.actDt{ height:34px; line-height:34px;  color:#fff;background:url(bgDtAct.jpg) #1845AA no-repeat;}
.menuDl dd{ line-height:18px; padding-left:24px; font-size:13px; cursor:pointer; }
.menuDl dd.actDd{background:#fff; color:#9C2F35;border-bottom:#9093A2 1px solid;margin-top:4px;}
.menuDl dd.s-dd{ padding-left:24px; font-size:13px; height:28px; cursor:pointer;height:28px; line-height:28px; }
.menuDl dd.s-dd a{display:block; border-bottom:#313852 1px solid;margin-top:0; padding-bottom:0; width:181px;}
.menuDl dd.s-dd a:hover{background:#fff;margin-top:0;padding-bottom:0;border-bottom:#313852 1px solid;}
.menuDl dd.acts-Dd{background:#fff;margin-top:0;padding-bottom:0;border-bottom:#313852 1px solid;padding-left:24px; font-size:13px; height:28px; cursor:pointer;height:28px; line-height:28px;color:#9C2F35;}
.menuDl dd a{display:block; margin-left:-24px; padding-left:24px; border-bottom:#CDD0D7 1px solid;margin-top:4px; padding-bottom:3px; }
.menuDl dd a:hover{background:#fff;color:#9C2F35;border-bottom:#9093A2 1px solid; text-decoration:none;margin-top:4px;padding-bottom:3px; }

.leftSearch{ height:36px; background:url(bgLS.jpg) repeat-x; padding-left:15px; padding-top:10px; position:relative;}
.leftInput{ width:110px; font-size:11px; height:17px; }
.inputSearch{ width:60px; height:21px; position:absolute; top:12px; right:10px;}
.infoBox{ padding-left:10px; padding-bottom:15px;}
.infoBox p{ padding-left:8px;  font-family:verdana; font-size:10px;}
.com-logo{ width:125px; margin:0 auto; text-align:center; margin-top:30px; padding-bottom:25px;}
.mar130-l{ margin-left:39px; margin-top:10px;}


.mar20_t{ margin-top:30px;}
.pad275-l{ text-align:center; }
.pad177-l{ text-align:center; padding-top:7px;}

/* buying-leads */
ul.proList{ margin-top:-8px; margin-bottom:-10px; }
ul.proList li{ height:100px; overflow:hidden; margin-bottom:30px; padding:15px 0 15px 156px; position:relative; }
ul.proList li.borderNT{ border-top:none;}
ul.proList2 li{ height:100px; overflow:hidden; margin-bottom:30px; padding:15px 0 15px 30px; position:relative; }
ul.proList2 li.borderNT{ border-top:none;}
.choose{ position:absolute; left:3px; top:15px;}
div.imgDiv{ border:#D5D6D0 1px solid; padding:2px;width:100px; height:100px; margin-bottom:5px; position:absolute; left:35px; top:18px;}
div.imgDiv div{ border:none; padding:0; width:100px; height:100px;  display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;/* hack for ie */*display: block;*font-size: 87px;/* end */ }
div.imgDiv div img{ vertical-align:middle;}
.proName{ padding-right:120px; position:relative;}
.proName p{ font:bold 14px verdana; padding-bottom:5px;}
.proName span{ font:normal 11px verdana; padding-left:10px;}
.but-contact{ position:absolute; right:0; top:0;}
.pad3_t{ padding-top:5px;}

/* product detail */
.proIMG{ padding:24px 25px 35px 25px; overflow-x:hidden; text-align:center;}
.proIMG-L{ float:left;  margin-left:70px;*margin-left:35px; width:288px; height:288px; border:#d1d1d1 1px solid;}
.proIMG-L div{ border:none; padding:0; width:288px; height:288px;  display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; position:relative;}
.proIMG-L div p{ position:static; *position:absolute; top:50%;}
.proIMG-L div p img{ position:static;*position:relative; top:-50%; left:-50%;}
.proIMG-R{ float:right; width:230px; height:300px; margin-right:70px;*margin-right:35px;}
.proIMG-R ul li{ width:90px; height:90px; float:left; padding-right:10px; padding-bottom:10px;}
.proIMG-R ul li div{ width:85px; height:85px; padding:2px; border:#d1d1d1 1px solid; overflow:hidden; display:table-cell; text-align:center; vertical-align:middle; position:relative;}
.proIMG-R ul li div p{ position:static; *position:absolute; top:50%;}
.proIMG-R ul li div p img{ position:static;*position:relative; left:-50%; top:-50%;}
.proTIT{ padding:8px 40px;}
.proTIT p{ color:#053AE2;  line-height:25px;}
.proTIT p img{ margin-top:5px; margin-bottom:-8px; margin-right:6px;}


ul.otherList li{width:48%; float:left;padding-left:15px; background:url(../supplier/icoLi.gif) no-repeat 2px 0; height:18px; overflow:hidden;}

.show20{ text-align:right; padding-right:15px; font-size:11px; color:#999;}

.factoryUl li{ height:120px; margin-bottom:20px; padding-left:140px; position:relative; padding-top:15px;}
.mar20-b{ margin-bottom:20px;}
.supplier{ margin-top:0; margin-bottom:-8px;}
.mar-10t{ margin-top:-10px;}


.div300{ width:290px; height:290px; padding:1px; border:#999 1px solid; margin:0 auto;overflow:hidden;}
.div300 div{ width:290px; height:290px; display:table-cell; text-align:center; vertical-align:middle; position:relative; overflow:hidden; }
.div300 div p{ position:static; *position:absolute; top:50%;}
.div300 div p img{ position:static; *position:relative; top:-50%; left:-50%;}
.pad15{ padding:15px 15px 0 15px;}

.path{ height:25px; line-height:25px; padding-left:18px; font-family:verdana; padding-top:2px;}

.contactBox1{ width:170px; float:right; clear:right; background:#fff;}
.contactBox2{ width:170px; float:right; clear:right; background:#fff;}
.contContent{ border:#F1B244 1px solid; border-top:none; padding:5px 10px 12px 10px;}
.contContent3{ border-left:#F1B244 1px solid; border-right:#F1B244 1px solid;  padding:5px 10px 12px 15px;}
.divmsg{ height:28px; line-height:28px;}
.divmsg img{margin-top:5px; margin-bottom:-3px;}
.divmsg span{ float:right;  margin-right:18px;  margin-top:-28px;*margin-top:-22px;}
.contactBox3{ width:465px;float:right; clear:right;background:#fff;}
.subContact{ height:30px; background:#FFF5E2; border:#F1B244 1px solid; border-top:none; text-align:center; padding-top:15px;}

.titBox{height:29px; width:100%; background:url(/Images/bg1.jpg) #FFEEA6 right top no-repeat;}
.titBox h3{background:url(/Images/bg2.jpg) no-repeat left top ; color:#C1420D;padding-left:5px;  font: bold 13px arial; height:29px; margin:0; line-height:29px; float:left; width:80%;}
.titBox img{ float:right; margin-right:8px; margin-top:8px;}

.mar30-b{ margin-bottom:30px;}
.h110{ height:110px; overflow:hidden;}