@import url("/skin/public/tools/dialog/dialog.css");
@import url("/skin/public/tools/banner/banner.css");
@import url("/skin/public/tools/plant/plant.css");
html,body{-webkit-text-size-adjust:none;}
body{margin:0;padding:0;color:#444;text-align:left;font:12px Arial;background:#fff;}
html,body{-webkit-text-size-adjust:none;}
ul,li,dl,dt,dd,form,p{margin:0;padding:0;list-style:none}
table input,select,textarea,option{font:100% Verdana;BORDER:1px solid #ccc;COLOR:#333;background:#fff;height:20px;line-height:20px}
.clear{clear:both;font-size:0;line-height:0;height:0}
.displaynone{display:none;padding:0;margin:0;background:none;}
img{border:none}
a{color:#444;text-decoration:none}
a:hover{color:#f70;text-decoration:underline}
h1,h2,h3{margin:0;padding:0;display:inline;font-size:12px}
div,table,td{word-break:keep-all;}

#site{margin:0px auto;width:1024px}

#top{height:76px;overflow:hidden;}
#topline{color:#eee;position:absolute;font-weight:normal;font-size:11px;top:2px; height:10px; line-height:10px;}
#topline a{color:#eee}
#logo{float:left;display:inline;margin:10px 0 0 19px;background:url(/images/logo.jpg) no-repeat left;}
#logo a{display:block;text-indent:-99999px;overflow:hidden;line-height:0;width:97px;height:55px;}
.comname{float:left;display:inline;margin:19px 0 0 4px;}

#search{float:right;display:inline;margin:9px 0 0 0; width:290px;}
#search dl{float:left;height:29px;overflow:hidden}
#search dt,#search dd{float:left;}
#search dt{width:155px;height:29px;background:url(/images/search_input.gif) no-repeat right top;overflow:hidden;}
.search_input{width:130px;height:25px; padding-left:15px;border:0;color:#666;line-height:25px;background:none;overflow:hidden; font-size:11px;}
.search_btn{width:32px;height:29px;border:0;background:url(/images/search.gif) no-repeat;cursor:pointer}

.cnbox{float:left;font-size:13px; color:#666; height:20px; line-height:20px;margin:6px 0 0 0; width:100px;}
.cnbox a{color:#666; text-decoration:none;}
.cnbox img{margin-right:4px;cursor:pointer}

#menu{height:25px;margin:0 auto 0 auto;overflow:hidden;background:#96a6b6;}
#menu li{float:left;}
#menu li a{float:left;height:25px;line-height:25px; width:125px;text-align:center;color:#fff; overflow:hidden; font-weight:bold;}
#menu li a:hover,#menu li a.now{text-decoration:none;color:#004098;}
#menu li.lias{background:none}

#curpos{font-size:90%;white-space:nowrap; padding-left:13px;color:#666;font-weight:normal;margin-bottom:3px}
#curpos a{color:#666}
#main{border:1px solid #d7dde3; padding:10px 0 15px 0; margin-top:10px; width:100%; overflow:hidden}

#left{width:190px;float:left;overflow:hidden;background:#eceff4;}
.ltit,.ltit2{height:24px;color:#fff;line-height:20px;font-size:13px;padding-left:8px;overflow:hidden;background:#adb9c5;}

.list LI{BORDER-RIGHT:#5dab2a 1px solid;BORDER-TOP:#5dab2a 1px solid;PADDING-LEFT:14px;BACKGROUND:url(/images/small.gif) #ffffff no-repeat 4px 50%;FLOAT:left;MARGIN: 2px 4px;BORDER-LEFT:#5dab2a 1px solid;WIDTH:183px;BORDER-BOTTOM:#5dab2a 1px solid}
.list LI A{COLOR:#348d10;TEXT-DECORATION:none}
.list LI A:hover{COLOR:#ff3300;TEXT-DECORATION:underline}
.hcontent{line-height:20px;clear:both;padding-bottom:5px;border-top:1px solid #ccc;padding:6px;}

#nav{background:#F2F2F2 url(/images/nav.gif) no-repeat bottom;padding:0 10px 8px 10px;}
#nav h2{cursor:pointer;font-weight:normal;}
#nav dt h2{font-weight:bold;}
#nav dt a{color:#000;}#nav dt a:hover{color:#f30;}
#nav dd a{color:#454646;}#nav dd a:hover{color:#f30;}
#nav dt{height:23px;line-height:23px;background:url(/images/dt.gif) no-repeat 0 10px;padding-left:12px;overflow:hidden;}
#nav li{border-bottom:1px dashed #cacaca;background:url(/images/dd.gif) no-repeat 8px 6px; padding-left:19px;height:19px;line-height:19px;overflow:hidden}

#leftli{background:#eceff4;padding:0 10px 0 10px; margin-top:5px;}
#leftli dt{border-bottom:1px dashed #999;background:url(/images/leftli.gif) no-repeat 3px 8px; padding-left:16px;height:25px;line-height:25px;overflow:hidden}#leftli h2{ font-weight:normal}

.hcomInfobox{clear:both;height:164px;font-size:11px;overflow:hidden;}
.hcomInfo{height:154px;line-height:17px;overflow:hidden;margin:5px 0 0 3px;}
.hcomInfo a:hover{color:#444; text-decoration:none;}
.hcomInfo a.hmore{color:#004098;}
#lcontact{margin:10px 0;border-top:1px solid #ccc}
#lcontact td{word-break:keep-all}
.lboxbg{font-size:11px;margin:5px 0;padding:10px}
#llink{margin:10px 0}

#hcar{margin:0 3px 0 4px; border:1px solid #c6cfd7;}
#hcarli li{padding:0 0 0 25px;}
#hcarli li a{height:20px; line-height:20px;background:url(/images/li1.gif) no-repeat left 3px; color:#444; font-size:11px; padding-left:30px; cursor:pointer;}
#hcarli li a:hover,#hcar li.now a{ text-decoration:none; color:#f08300;background:url(/images/lion.gif) no-repeat left 3px;}

#shcarli dl {display:none}
#shcarli li {width:181px; height:129px;cursor:pointer; overflow:hidden;}

#right{width:814px;float:right;overflow:hidden}
.board{line-height:24px;clear:both;height:24px;background:#adb9c5;color:#fff;overflow:hidden;font-size:14px;}
.board b{float:left;display:inline;height:24px; padding-left:8px;overflow:hidden;}
.board h1{color:#f30}
.board a{float:right;display:inline;margin:10px 15px 0 0;}
.board a.ic1{margin-right:8px;margin-top:5px}
.suptit{line-height:23px;padding-left:22px;height:23px;font-weight:bold;border:1px solid #f0f0f0;background:#f5f5f5}
.profilebox{padding:10px}
.red{color:#f00}
.title{color:#fff;font-weight:bold}
.group{border:1px dashed #33CC33;padding:5px 10px;margin:5px}
.group ul{clear:both;width:100%}
.group li{float:left;width:150px;background:url(/images/small.gif) no-repeat 0 8px;padding-left:10px}
.group li a{color:#ff7c00}


.probox{width:173px;float:left;margin-top:10px;height:168px;overflow:hidden}
.protext{overflow:hidden;text-align:center;clear:both;}
.protext a{color:#444;}
.protext a:hover{color:#ff7700}
.probox span{height:18px;line-height:18px;display:block;overflow:hidden;text-align:center}
.probox h2{font-weight:normal;height:18px;line-height:18px;display:block;cursor:pointer;overflow:hidden;text-align:center;clear:both;}
.proimg{display:table;text-align:center;#position:relative;overflow:hidden;}
.proimg p{#position:absolute;#top:50%;display:table-cell;vertical-align:middle;left:50%;}
.proimg img{#position:relative;#top:-50%;left:-50%}
.proimg{width:166px;height:129px;border:1px solid #797979;}
.proimgs{width:166px;height:129px;border:1px solid #797979;}

.proboxlist{clear:both;margin:5px 0;border-bottom:1px dotted #cecece}
.proboxlist span{margin:0 10px}
.proboxlist .proimg{float:right;margin:0 0 10px 0;}
.proboxlist .protext{background:none;margin:0 0 5px 0;width:100%;height:20px;text-align:left}
.proboxlist .protext a{color:#004098}
.proboxlist .protext a:hover{color:#f00;text-decoration:underline}
.proboxlist .prodes{float:left;width:450px;height:160px;overflow:hidden;text-align:left;line-height:20px;}

#hpro .prodes{width:300px;}
#hpro .probox{width:168px;margin-right:13px;float:left;}
#hpro .marr0{margin-right:0;}

#propro .probox{width:201px;}

.plitem{clear:both;margin:10px;border-bottom:1px solid #ccc}
.plitem a{color:#333}
.plitem h2{height:24px;line-height:24px;font-size:14px;cursor:pointer;display:block}
.plitem .pldes{width:580px;float:right;margin:10px 0;}

.contacttable{padding:20px 0;width:740px;margin:0 auto;}
.linkcontent{margin:10px 0}
.weltext{padding:10px;margin:10px;border:1px solid #ebebeb;background:#fff}

#root{clear:both;text-align:center;font-size:11px;margin-top:8px;padding-top:10px;color:#444}
#root a{color:#444}
#root a:hover{color:#f70}
.rootmenu{line-height:24px;font-weight:bold;}
.rootmenu a{padding:0 10px}
.copyright{vertical-align:middle;}
.rootpic img{ margin:15px 20px 15px 0;cursor:pointer;}

.page{clear:both;line-height:20px;margin:10px 0; padding:5px}
.page a{color:#004098;padding:3px;border:1px solid #004098;text-decoration:none;margin-right:5px}
.page a:hover{background:#004098;color:#fff}
.cur{background:#004098;color:#fff;padding:3px;border:1px solid #004098;margin-right:3px}


.prodetail{margin:10px auto;text-align:center}
.prodetail img{margin:0 auto;padding:5px }
.pc{clear:both;color:#333}
.pc a{background:url(/images/curjt.gif) no-repeat right;padding-right:10px}
.prenext{padding:3px;background:#f3f3f3; margin:5px 0}
.prodetaildes{margin:10px 0}
.prodetaildes table{background:#ccc}
.prodetaildes table td{background:#fff}
.relpro{margin:10px;font-size:10px}
.pdbox{padding:5px 15px;color:#000;border:1px solid #f2f2f2;margin:5px 10px;background:url(/images/small.gif) 8px 13px no-repeat}
.newslist ul{padding:0 10px}
.newslist li{background:url(/images/li.gif) no-repeat 0 9px;padding-left:8px;margin:3px;border-bottom:1px dashed #ccc;width:750px; overflow:hidden;}
.newslist li a{float:left;color:#333;overflow:hidden;height:23px;line-height:23px;display:block;width:550px;}
.newslist span{float:right;color:#ccc}
.updatetime{margin:10px 0;color:#ccc}
.newscontent{margin:5px;padding:10px 10px 10px 0;}
.newstags{margin:5px}

.sitit{background:url(/images/small3.gif) no-repeat left;padding:5px 14px;margin:10px}
.sitit,.sitit a{color:#333;font:12px}
.sibox{margin:20px auto;width:520px}
.sibox ul{}
.sibox li{background:url(/images/small.gif) no-repeat 0 8px;width:48%;float:left;padding-left:2%;line-height:23px;}
.sibox li a{margin-right:10px}

.trans{text-align:center;clear:both;margin:3px auto}
.showctr{clear:both;text-align:right;height:24px;line-height:24px;padding:0 20px 0 0;background:#f3f3f3;}
#view_gallery,#view_list{cursor:pointer}

.prenextctrl{margin:10px;clear:both;height:18px;line-height:20px}
.prebtn{border:1px solid #5d94cc;padding:0 5px;float:left;background:url(/images/prev.gif) 6px center no-repeat;padding-left:15px}
.nextbtn{border:1px solid #5d94cc;padding:0 5px;float:right;background:url(/images/next.gif) 85% center no-repeat;padding-right:15px}
.grouppro a{border:1px solid #69F;margin:0 2px;padding:3px 5px}

/********-----su----********/
.c1{color:#cc2424}
.appli{float:right;text-align:right;margin-top:10px}
.appli a{padding:28px 4px 0 4px;text-align: center;color:#666}

#rightcon{float:left;width:530px;overflow:hidden}
.contactbox{color:#454646;line-height:18px;padding:8px 7px 10px 7px;background:url(/images/contactboxb.gif) no-repeat bottom;}
.contactboxb{background:url(/images/contactbox.gif) repeat;}
.contactbox b{color:000;}
.contactbox a{color:#454646;}

.padd{padding:10px 12px}
.comInfo{height:160px;color:#454646;overflow:hidden;line-height:20px;}
.friendlink{border:1px solid #cccccc;text-align:center;margin-top:3px;text-align:center}

.flinks,.flinks a{line-height:14px;font-size:10px;color:#333}
.flinks a{color:#333;text-decoration:none;cursor:text}

.audited{margin:5px 0;color:#626262;font-size:11px;}

.mar{margin-top:9px}
.searchmore{padding:0 10px; color:#aaa;}
.searchmore a{color:#aaa;}
.infoimg img{}.infoimg{margin-top:6px;text-align:center}
.neliBox{border-left:1px solid #C7C7C7;border-right:1px solid #C7C7C7;padding:2px 0;width:188px;}
.neliBox li{background:url(/images/li.gif) no-repeat 5px 9px;padding:3px 3px 3px 15px; border-bottom:1px dashed #ccc;width:180px; overflow:hidden; font-size:12px;}
.neliBox span,.neliBox li a{color:#666;display:inline;float:none}
.compic{margin-right:6px;float:left}

#smenu .sm{position:absolute;z-index:9999;display:none;margin-top:0;}
#smenu dl{width:143px;background:#f1f1f1;padding:0;}
#smenu dl a{color:#666;text-decoration:none;}
#smenu dl.m1{margin-left:125px;}
#smenu dl.m2{margin-left:250px;}
#smenu dl.m3{margin-left:375px}
#smenu dl.m4{margin-left:500px;}
#smenu dl.m5{margin-left:;}
#smenu dl.m6{margin-left:750px;}
#smenu dl.m7{margin-left:875px;}
#smenu dt{height:27px; line-height:27px;padding-left:10px; border-bottom:1px solid #d5d5d5; overflow:hidden;}
#smenu dt h2{ font-weight:normal;}
#smenu dt.ov{color:#000; background:#fff}
#smenu dt.ov h2{color:#000;}
#smenu dd{display:none}

.order{ padding-bottom:15px;}
.order_input{margin:8px 5px 5px 5px;border:1px solid #c6cfd7;height:20px;}
.order_btn{ background:url(/images/orderbtn.gif) no-repeat; width:56px; height:24px; border:0; cursor:pointer;}

#newpro{float:right;width:264px;overflow:hidden;}
.eventbox{background:#eceff4;padding:8px 0 4px 3px;border-left:1px solid #d7dde3;border-bottom:1px solid #d7dde3;line-height:15px;}
.eventbox a{font-size:11px;}
.eventbox a:hover{font-size:11px;color:#444;text-decoration:none;}
.newbox{padding:4px 0 2px 3px;background:#eceff4;color:#444;border-left:1px solid #d7dde3;border-bottom:1px solid #d7dde3;font-size:11px;line-height:17px;}
.newbox span{color:#004098;}
.newbox a{color:#004098;}
.newmore{background:url(/images/dd.gif) no-repeat 5px 7px; margin-top:5px;padding-left:15px; border-top:1px dashed #ababab;}
.mailbox{background:#eceff4;border-left:1px solid #d7dde3;border-bottom:1px solid #d7dde3; padding:2px 0 8px 10px; line-height:22px;}
.mail_input{margin:1px 5px 1px 0;border:1px solid #c6cfd7;height:20px;}
.mail_btn{background:url(/images/mailbtn.gif) no-repeat; width:56px; height:24px; border:0; cursor:pointer;}

.rtag{background:#eceff4;padding:8px 5px 4px 5px;border-left:1px solid #d7dde3;border-bottom:1px solid #d7dde3;}
.rtag li{height:23px;line-height:23px;border-bottom:1px dashed #ccc;padding-left:4px;}

.qa li{padding:5px 0 5px 30px;width:130px;float:left;height:24px;line-height:24px; overflow:hidden;}
.qa li a{margin-right:10px}

.down li{padding:5px 0;width:401px;float:left;height:27px;line-height:27px; overflow:hidden;}
.down li a{margin-right:10px}

.video{float:left;width:267px; margin-bottom:10px;}

.spro{text-align:center; height:54px}
.curitem .spro img{border:2px solid #0CF}
.sprotext{text-align:center; font-size:11px; padding:0 2px; line-height:14px; height:28px; overflow:hidden}
#scrollbox{margin:10px 0; clear:both; overflow:hidden}
a.plconbtn{background:url(/showroomfolder/skin/newtemp/images/contactbtn.gif) no-repeat; width:134px; height:24px; display:block; margin:10px 0}

.shareSNS{overflow: hidden;margin:10px auto 0; clear:both}
.shareSNS a {background-image: url(/skin/images/share_logo.png);background-repeat: no-repeat;float: left;height: 16px;line-height: 16px;margin: 0 2px;text-indent: -999px;width: 16px}
.shareSNS .shareAll {margin: 0 5px 0 0;padding-left: 20px;text-decoration: none;text-indent: 0;width: 45px}
.shareSNS .shareAll:hover {text-decoration: none}
.shareSNS .shareAll span {border-right: 1px solid #666;padding-right: 7px}
.facebook {background-position: left -16px}
.facebookLike {background-position: left -32px}
.twitter {background-position: left -48px}
.friendfeed {background-position: left -64px}
.google {background-position: left -80px}
.reddit {background-position: left -96px}
.delicious {background-position: left -112px}
.stumbleupon {background-position: left -128px}
.digg {background-position: left -144px}
#sharebox {-moz-border-radius: 4px 4px 4px 4px;background-color: #7C7C7C; margin-top: 3px;padding: 5px;width: 250px; clear:both}
#ats_inner {background-color: #FFFFFF;border: 1px solid #FFFFFF;clear:both;overflow:hidden;height:100%}
#at_hover {overflow: hidden;padding: 4px}
#at_hover a {border: 1px solid #FFFFFF;cursor: pointer;float: left;padding: 2px;text-align: left;text-decoration: none;width: 114px}
#at_hover a span{background-image: url(/skin/images/share_logo.png);background-repeat: no-repeat;display: block;height: 16px;line-height: 16px;padding-left: 20px}
#at_hover a:hover{background-color: #F2F2F2;border: 1px solid #E5E5E5}
.atic_facebook span {background-position: left -16px}
.atic_facebook_like span {background-position: left -32px}
.atic_twitter span {background-position: left -48px}
.atic_friendfeed span {background-position: left -64px}
.atic_google span {background-position: left -80px}
.atic_reddit span {background-position: left -96px}
.atic_delicious span {background-position: left -112px}
.atic_stumbleupon span {background-position: left -128px}
.atic_digg span {background-position: left -144px}
#ats_head {background-color: #F2F2F2;border: 1px solid #E5E5E5;line-height: 1em;padding: 4px;position: relative;text-align: left}
#atsptx {color: #4C4C4C;cursor: pointer;font-weight: bold;position: absolute;right: 4px;text-decoration: none;top: 4px}
#addFav{background:url(/skin/images/addfav.gif) 0 0 no-repeat;padding-left:20px}
.add{text-align:left; margin-top:20px; clear:both}
.add p{margin-bottom:10px}
.add p a{text-decoration:underline}
.basket{background:url(/skin/images/inquiry_basket.gif) no-repeat scroll 0 0 transparent; padding-left:20px}

#proleft{ height:100%;  margin:20px 0 10px 20px;_margin:20px 0 10px 10px;}
#proright{ margin-top:20px }
#prodetail{overflow:hidden; margin-bottom:10px}
.pdbox{clear:both; margin-bottom:10px}
#proDes{margin-bottom:10px;clear:both; width:520px; overflow-x:auto; overflow-y: hidden; height:100%}
#proimg{width:200px; height:200px;padding:1px;border:1px solid #eee}
#proimg table,proimg td{margin:0; padding:0; height:100%; vertical-align:middle}
#imglist{ margin:10px 0; width:240px; clear:both; overflow:hidden}
#imglist li p{#position:absolute;#top:50%;display:table-cell;vertical-align:middle;left:50%}
#imglist li img{#position:relative;#top:-50%;left:-50%}
#imglist li{display:table;text-align:center;#position: relative;overflow:hidden;background:#fff;width:50px; height:50px; border:1px solid #eee; float:left; margin:0 24px 15px 0!important; margin:0 12px 15px 0; overflow:hidden}
#imglist li.cur_item{border:1px solid #000; background:#333}
.info_table th{ text-align:left; width:25%; font-weight:normal}
#related_search{clear:both; margin:10px 0; overflow:hidden}

#images_list{display:table;text-align:center;#position: relative; margin-bottom:10px; height:198px; width:198px; }
#images_list img{#position:relative;#top:-50%;left:-50%;zoom:1}
#images_list p{#position:absolute;#top:50%;display:table-cell;vertical-align:middle;left:50%; background:#fff}

.hotpro{width:980px;margin:6px auto;overflow:hidden}
.hotpro li{float:left;width:24%;text-align:left;background:url(/images/next.gif) no-repeat 0 7px;padding-left:1%;}

#banner{position:relative;overflow:hidden;height:250px;margin:0;width:1024px;}#banner img{margin:0;padding:0;}
#plant{position:relative;overflow:hidden;margin:10px;float:left; height:180px;width:240px;}