@charset "utf-8";
.box_hint {color:#0063B9;background:#E8F7FF;border:1px solid #0063B9;padding:2px;height:16px; text-indent:1em; margin-left:10px}
.box_error {color:#6C0909;background:#FFEAEA; background-image:url(../images/icon_false.gif); background-repeat:no-repeat; background-position:2px center;border:1px solid #E51C1C;padding:3px 2px 0 20px; height:16px; text-indent:1em; margin-left:10px}
.box_right {color:#173000;background:#E5FFCF; background-image:url(../images/icon_right.gif); background-repeat:no-repeat; background-position:2px center; border:1px solid #377100;padding:3px 2px 0 20px; height:16px; text-indent:1em; margin-left:10px}

h3{  font-size:14px; width:100%; border-bottom:1px #CCC solid; height:30px; padding-top:5px;}
h4{ float:left; width:100%; font-size:14px; border-top:1px #CCC solid; height:22px; margin:10px 0 10px 0; background:#EEE; padding-top:6px;}
h3.doc_title{ text-align:center;}
.doc{ line-height:2; float:left; width:100%; padding:10px 0 10px 0;}

#left{ float:left; width:238px;}
.leftBlock{ float:left; width:100%; margin-top:5px;}
.leftBlock h2{ float:left; width:238px; height:25px; padding-top:10px; background:url(../images/bg_title_leftblock.gif) no-repeat; font-size:14px}
.leftBlock h2 img{ padding:0 10px 0 10px}
.leftBlock ul#list{ float:left; width:225px; padding-left:10px; background:#FCFCFC; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;  padding-top:10px}
.leftBlock ul#list li{ float:left; width:200px; padding-left:20px;background:url(../images/arrow_green.gif) no-repeat; height:18px; font-weight:bold;}
.leftBlock ul#list li.i{ background:url(../images/arrow_red.gif) no-repeat;}
.leftBlock ul#list li.line{ background:url(../images/line.gif) center no-repeat;}
.leftBlock ul.leads{ float:left; width:225px; padding-left:10px; background:#FCFCFC; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;  padding-top:10px}
.leftBlock ul.leads li{ float:left; width:190px;height:20px;padding:5px 0 0 25px; background:url(../images/arrow_square.gif) left center no-repeat;border-bottom:1px #ccc dotted;}
.leftBlock ul.barLeftList{ float:left; width:225px; padding-left:10px;background:#FCFCFC; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;  padding-top:10px}
.leftBlock ul.barLeftList li{ float:left; width:90px;height:20px;padding:5px 0 0 20px; background:url(../images/li_style_reds.gif) left center no-repeat;}

.leftBlock ul.personlist{ float:left; width:225px; padding-left:10px; background:#FCFCFC; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;  padding-top:10px}
.leftBlock ul.personlist li{ float:left; width:190px;height:20px;padding:5px 0 0 25px; background:url(../images/icon_person.gif) left center no-repeat;border-bottom:1px #ccc dotted;}

.leftBlock ul.leftProCata{ float:left; width:225px; padding-left:10px;background:#FCFCFC; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;  padding-top:10px}
.leftBlock ul.leftProCata li{ float:left; width:85px;height:20px;padding:7px 0 0 25px; font-weight:bold; background:url(../images/li_style_biggreen.gif) left center no-repeat;}
.leftBlock .center{float:left; width:225px; padding-left:10px; background:#FCFCFC; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;  padding-top:10px}
.leftBlock .LBBottom{ float:left; width:100%; height:8px;background:url(../images/bg_leftblock.gif) no-repeat;}
.leftBlock div#msg{ float:left; width:225px; padding-left:10px; background:#FCFCFC; border-left:1px #D8D8D8 solid;border-right:1px #D8D8D8 solid;  padding-top:10px; line-height:200%}
.leftBlock div#msg input{ width:200px; height:20px;}
.leftBlock div#msg button{ line-height:1; margin:20px 20px 20px 0; width:80px; padding-top:3px;}

.showPicAd{ float:left; width:100%}
.showPicAd img{float:left;margin-top:5px;}

#main{ float:left; width:100%; margin-top:5px;}
#right{ float:left; width:746px; padding-left:10px; padding-top:5px}
#showLeftMain{float:left; width:746px; padding-top:5px}
#sideRight{float:left; width:238px; padding-left:10px;}
#mainTop{ float:left; width:100%; background:url(../images/bg_maintop.gif) no-repeat; height:178px;}
#search{text-align:center; padding-top:8px}
#searchform_index{ padding-top:10px;}
.nBtn_index{ float:left; margin:0;}
#search input{ border:1px #999 solid; border-right:none;}
.nBtn{ width:106px; height:25px; background:url(../images/bg_nbtn.gif) no-repeat; border:0; font-weight:bold; margin-left:10px; cursor:pointer}
.joinLink{ float:left; width:100%; text-align:right; margin-top:40px;}
.joinLink img{ margin-right:30px;}
.signLink{ float:left; width:100%; text-align:right; margin-top:20px;}
.signLink img{ margin-right:30px;}

.mainList{ float:left; width:100%; }
.mainList h2{ float:left; width:100%; height:29px; padding-top:6px; border-top:2px solid #D73313; background:#EEE;font-size:14px}
.mainList h2 img{ padding:0 10px 0 10px}
.mainList .mlCenter{ float:left; width:745px;padding-top:10px; text-align:center}
.mainList .mlCenter table.mlHead{border:0; border-collapse:collapse; width:95%; text-align:left; font-weight:bold}
.mainList .mlCenter table.mlHead tr td{ border-bottom:1px #8E8E8E solid; height:25px;}
.mainList .mlCenter table.mlBody{border:0; border-collapse:collapse; width:100%; text-align:left}
.mainList .mlCenter table.mlBody thead tr td{ font-weight:bold; border-bottom:1px #CCC solid;padding:3px 0 3px 0;}
.mainList .mlCenter table.mlBody tbody tr td{ background:url(../images/line_broken.gif) bottom repeat-x; padding:3px 0 3px 0; line-height:2}
.mainList .mlBottom{float:left; width:100%; height:12px;}

#showSearch{ float:left; width:100%; background:#F9E8E4; text-align:center; height:35px; padding-top:15px; padding-bottom:10px; border-top:1px solid #FFAE9E;}
#showSearch .reglink{ margin-right:40px;font-weight:bold; float:right; width:150px; }
#showSearch .reglink a{ margin-right:10px;margin-left:10px;}
#searchIpt{color:#999; height:20px; margin-right:10px;}

#root{ float:left; width:100%; height:25px; padding-top:5px; background:url(../images/line_broken.gif) bottom repeat-x; margin-bottom:8px;}
#root .sprate{ margin-right:10px; margin-left:10px}
#tagTitle { float:left; width:100%}
#tagTitle li{ float:left; width:220px; height:29px; margin-right:8px; background:#EFEFEF; border-top:1px solid #DBDBDB;border-left:1px solid #DBDBDB;border-right:1px solid #DBDBDB; padding-top:6px; font-size:18px; text-align:center }
#tagTitle li img{ margin-right:8px;}
#tagTitle li.current{background:#E0EBFF; border-top:1px solid #B5D6FF;border-left:1px solid #B5D6FF;border-right:1px solid #B5D6FF;}
#tagTitle li span{ color:#999; font-size:10px;}

h1.title2{ float:left; height:40px; padding-top:10px; width:100%; background:url(../images/bg_controlbox.gif) bottom repeat-x; font-size:16px; text-indent:1em}
h1.title2 .num{color:#999; font-size:10px;font-weight:100; }
h1.title2 .titleControlbox{ font-size:12px; font-weight:100; margin-left:2em}
h1.title2 .titleControlbox form{ display:inline}
#controlBox{ background:url(../images/bg_controlbox.gif) bottom repeat-x;height:40px; float:left; width:100%; padding-top:8px; }
#controlBox #viewMode{float:left; width:250px; height:20px;padding-top:4px;margin-left:10px;}
#controlBox #viewMode li{ float:left;}
#controlBox #viewMode li a{ margin-right:10px}
#controlBox #viewMode li img{margin-right:5px}
#controlBox form{ display:inline}
#gotopage{ width:20px;}
#showList{ float:left;}

table.dl{ background:#F1F1F1}
table.dl tr td.pic{ background:#FFF}

#showList table{ float:left; margin-top:8px; }

#showList table tr td.pic img{ border:1px solid #CCC; padding:2px;}
#showList table tr td.name{ font-size:14px; background:url(../images/line_broken.gif) bottom repeat-x; width:604px; height:30px;}
#showList table tr td.intro{ background:url(../images/line_broken.gif) bottom repeat-x; line-height:1.5; word-break:break-all; width:604px; overflow:hidden;}
#showList table tr td.comName{ color:#999}
#showList table tr td.comName a.cn{ color:#73B1FF;}

#comList{float:left; width:100%;}
#comList table tr td.name{ height:30px; background:url(../images/line_broken.gif) bottom repeat-x; font-size:14px;}
#comList table tr td.intro{padding-top:5px; padding-bottom:5px; background:url(../images/line_broken.gif) bottom repeat-x; line-height:2;}

h2.noinfo{ width:100%; margin:10px 0 10px 0; padding:20px 0 20px 0; border-bottom:1px #999 dotted; text-align:center}

.cc{ float:right; font-size:12px;}
.cc img{ margin-left:10px}

.showDetail{ float:left;}
.showDetail .propic{ float:left; width:210px; height:192px; margin:10px;}
.showDetail .propic img{ width:180px; height:180px; overflow:hidden; padding:5px; border:1px #EEE solid;}
.showDetail .prodetails{ float:left; width:500px;}
.showDetail .prodetails ul li{height:20px;padding-top:5px;background:url(../images/line_broken.gif) bottom repeat-x;}
.showDetail .comdetails{float:left;width:100%;margin:10px 0 10px 0;background-color:#EBF4FF;padding:5px 0 5px 0;}
.showDetail .comdetails table{ margin-top:3px;}
.showDetail .comdetails table th{ text-align:left}
.showDetail .features{ float:left; width:100%;}
.showDetail .features p.textCont{ word-break:break-all; padding-top:5px;}

table.opinion{ float:left;width:300px; margin-right:10px; border-right:1px solid #ccc;  }
table.opinion tr td.vt{ width:200px; text-align:right; height:25px}
div.comment{ float:left; width:400px; padding-left:10px}

p.textCont{ line-height:2;}
ul.gallery{ padding:10px 0 10px 10px; float:left; width:737px}
ul.gallery li{ float:left; margin-right:16px; width:87px; height:120px; text-align:center; overflow:hidden}
ul.gallery li img{ width:79px; height:79px; padding:3px; margin-bottom:5px; overflow:hidden; border:1px #EEE solid;}

.login_cont{ float:left; position:relative; width:996px; background:url(../images/bg_login_cont.gif) no-repeat; height:326px; margin-top:20px;margin-bottom:20px;}
img#logreg{ position:absolute; left:460px; top:220px;}
.login{position:absolute; width:286px; margin-top:-18px; padding-top:48px; height:340px; background:url(../images/bg_login_head.gif) no-repeat;left:680px;}
.login .login_center{ width:264px; border-left:1px #E3E3E3 solid; border-right:1px #E3E3E3 solid; background:#FFF; padding-left:20px; line-height:2; font-size:14px; height:296px}
.login .login_center input#Email{ width:220px; height:20px;}
.login .login_center input#Passwd{ width:220px; height:20px;}
.login .login_center p{ padding-bottom:5px}
.login .login_center p.rem{ font-size:12px; color:#999}
.login .login_center button{ width:101px; height:29px; cursor:pointer; font-size:14px; color:#FFF; font-weight:bold; font-family:Microsoft YaHei; background:url(../images/btn_sign.gif); border:none; margin:10px}
.login .login_bottom{ float:left; width:100%; height:18px;background:url(../images/bg_login_bottom.gif) no-repeat;}
ul.login_tips{ border-top:1px #DDD dotted; font-size:12px; padding-top:10px; color:#999}
ul.login_tips li{ padding-left:15px;background:url(../images/li_style_bluebot.gif) left center no-repeat;}
.forgotps{ float:right; font-size:12px; color:#999; width:70px; margin-right:10px;}

.reg_cont{ float:left;  background:url(../images/bg_reg.gif) repeat-x; padding:10px; width:976px;}
.reg_cont fieldset{ padding:0 0 10px 0;border:none;border-top:solid 1px #CCCCCC;}
.reg_cont fieldset legend{margin:0 0 10px -5px; font-size:16px; color:#FF7F02;}
.reg_cont fieldset legend img{ margin-right:10px}
.reg_cont table tr th{ font-size:12px; text-align:right; width:210px; height:25px; padding-right:10px}
.reg_cont table tr td.agree{ color:#999; line-height:2}
.reg_cont button.btn_join{ width:101px; height:29px; cursor:pointer; font-size:14px; color:#FFF; font-weight:bold; font-family:Microsoft YaHei; background:url(../images/btn_sign.gif); border:none; margin:10px}
h1.regTitle{ font-size:14px; margin-bottom:10px; height:25px; padding-top:5px;}
h1.regTitle img{ margin:0 10px 0 10px}

.my_cont{ float:left; width:100%;}
.my_cont h1{background:url(../images/bg_my_h1.gif) repeat-x; padding-bottom:10px; height:50px; padding-top:16px;  text-align:center; color:#FFF; font-size:24px; font-weight:normal; font-family:Microsoft YaHei;}
.my_cont .mymain{ float:left; background:#B8E0F5; width:100%;}
.my_cont .mymain .mymenu{ float:left; width:200px;}
.my_cont .mymain .mytable{ float:left; width:776px; background:#FFF; padding:0 10px 10px 10px; min-height:550px; height:auto!important; height:550px;}
.my_cont .mymain .mymenu dl img{ margin-right:10px}
.my_cont .mymain .mymenu dl dt{ float:left; width:180px; height:20px; padding:6px 0 0 20px; background:url(../images/bg_my_dt.gif) repeat-x; font-weight:bold;}
.my_cont .mymain .mymenu dl dd{ float:left; width:170px; height:20px; padding:5px 0 0 30px; background:url(../images/bg_my_dd.gif) repeat-x; }
.my_cont .mymain .mymenu dl dd.current{background:url(../images/bg_my_dd_current.gif) repeat-x; }
.my_cont .mymain .mytable h2{  border-bottom:1px solid #9DD1EC; height:25px; padding-top:5px; font-size:14px; margin-bottom:10px}
.my_cont .mymain .mytable table tr th{ text-align:right; padding-right:10px;  height:auto !important; min-height:30px;height:30px;}
.my_cont .mymain .mytable li.template{ float:left; margin-left:50px; margin-right:50px; margin-bottom:30px;}
.my_cont .mymain .mytable table thead tr td{ height:40px; background:#DCF6FF; font-weight:bold; text-align:center}
.my_cont .mymain .mytable table tfoot tr td{ height:40px;}
.my_cont .mymain .mytable table.order{ float:left}
.my_cont .mymain .mytable table.linetable tbody tr td{ border-bottom:1px solid #ccc; padding:3px;}

table.order{border-collapse:collapse; width:300px; margin:20px; border:1px #8E8E8E solid;}
table.order thead tr td{font-size:16px; font-weight:bold; height:40px; border:1px #8E8E8E solid; text-indent:2em;background:#FFEFE3}
table.order tbody tr td,table.order tbody tr th{background:#F7FBFF; height:25px; border:1px #8E8E8E solid;text-indent:1em; }
table.order tbody tr th{background:#FFEFE3}

h5.pages{ float:left; width:100%; font-weight:normal; height:25px; padding-top:5px; text-align:right; margin:8px 0 8px 0; font-size:12px}
h5.pages .page{padding:2px 5px 2px 5px; border:1px #378FFF solid;margin:0 2px 0 2px;}
h5.pages .current{background:#378FFF;}
h5.pages .current a{ color:#FFF}
h5.pages .current a:visited{ color:#FFF}
h5.pages .browse{padding:2px 5px 2px 5px; border:1px #378FFF solid; background:#FFF;margin:0 2px 0 2px;}

.inquiry h1.titleInquiry{ float:left; width:100%; color:#FFF; height:25px; padding-top:5px; font-size:18px; background:url(../images/bg_h1_message.gif) repeat-x;}
.inquiry h1.titleInquiry img{ margin:0 10px 0 30px;}
.inquiry table{ float:left; width:100%; margin:10px 0 10px 0;}
.inquiry table tbody tr th{ background:#EEE; font-size:14px; font-weight:bold; text-align:right; padding:5px 10px 5px 0; width:150px;}
.inquiry table tbody tr td{ padding:5px 0 5px 10px; background:#FFF9F5}
.inquiry table tfoot tr td{ height:40px;}

.tips{ float:left; width:80%;  padding-bottom:40px;margin:40px 0 40px 80px; text-align:center; background:#ECFFED;}
.tips p{  font-size:24px; font-weight:bold; height:50px; padding:30px 0 30px 0;}
.tips p img{ margin-right:30px;}
.tips legend{ font-size:18px; padding-left:20px; padding-right:20px}

.error{ float:left; width:80%;  padding-bottom:40px;margin:40px 0 40px 80px; text-align:center; background:#FFFFE5;}
.error p{ color:#FFA800; font-size:24px; font-weight:bold; height:50px; padding:30px 0 30px 0;}
.error p img{ margin-right:30px;}
.error legend{ font-size:18px; padding-left:20px; padding-right:20px}

span.tipsbutt{font-size:14px;text-align:center;background:url(../images/bg_butt_tips.gif) repeat-x;}
span.tipsbutt a{color:#0071FF; padding:7px 20px 7px 20px;}
span.tipsbutt a:visited{color:#0071FF}

.centerlink{ float:left;padding:10px 0 10px 0; width:100%; text-align:center}

.link_show{float:left; border:1px #FF7200 solid; width:994px; margin:10px 0 10px 0;}
h2.link_show_title{ padding:10px 0 0 0;height:24px;font-size:14px;background:url(../images/bg_link_show_title.gif) repeat-x;border-bottom:1px solid #FF7200;color:#FFF}
h2.link_show_title img{ margin:0 5px 0 15px;}
ul.link_show_list{ float:left;padding:10px; width:974px;background:url(../images/bg_link_show_list.gif) repeat-x; line-height:2;}
ul.link_show_list li{ float:left; width:100%;  margin-bottom:5px; margin-top:5px; background:#FFF;}
ul.link_show_list li p.title{ float:left; width:100%; border-bottom:1px #879ABE dotted; background:#FBFBFB; padding:5px 0 5px 0}
ul.link_show_list li span.title{ margin-right:40px;}
ul.link_show_list li p.content{ float:left; width:928px; line-height:2; padding:5px 10px 5px 10px; word-break:break-all}
ul.link_show_list li p.title table{ width:100%;}
ul.link_show_list li p.title table tr span.title{font-size:14px; font-weight:bold;}
ul.link_show_list li p.title table tr td{ text-align:left}

ul.stanlist{ float:left;padding:10px; width:725px;}
ul.stanlist li{ float:left; width:100%;  margin-bottom:5px; margin-top:5px; background:#FFF;}
ul.stanlist li p.title{ float:left; width:100%; border-bottom:1px #879ABE dotted; font-size:14px; text-indent:1em; padding:5px 0 5px 0}
ul.stanlist li p.content{ float:left; line-height:2; padding:5px 10px 5px 10px; word-break:break-all}
ul.stanlist li p.title img{ float:right; margin-right:20px}

.quesList{ margin-bottom:8px}
.host{ float:left; width:100%; border-top:1px solid #ccc; background:#F3FBFF; }
p.subject{ font-size:14px; font-weight:bold; padding:8px;}
p.post{ line-height:2; padding:8px;}
p.ressub{ font-size:14px; font-weight:bold; padding:8px 0 8px 0;}
.postinfo{ float:left; width:100%; background:#FAFAFA; padding:5px 0 5px 0;margin-top:5px; border-bottom:1px solid #ccc;}
.resp{ float:left; width:100%; padding-top:5px; line-height:2}
.resp img.best{ float:left; margin-right:10px}
.loginTips{float:left;width:100%;text-align:center;padding:10px 0 10px 0;margin:10px 0 10px 0;border-top:1px #CCC solid;border-bottom:1px #CCC solid;background:#FFFEDB}

.memberinfo{ float:left; width:220px; padding:10px; margin-right:10px; border:1px #ccc solid; background:#EEF6FF; line-height:2}
.memberinfo h3{ border-bottom:1px #81BCFF solid;}
.memberinfo ul{ padding:10px 0 10px 0;}
.memberinfo ul li{ height:30px}
.record{ float:left; width:710px; border:1px #CCC solid;}
.record table{ margin:10px 0 10px 0}
.record h3{ text-indent:10px;  background:#EEF6FF; }
.record h3 img{ margin-right:10px;}
.record table thead tr td{ background:#F5F5F5; height:30px; font-size:14px;}
.record table tbody tr td{ height:25px}
.sidebar_qlist{ float:right; width:238px}

.left_abouttube{ float:left; width:209px;}
.left_abouttube ul{ float:left; padding:20px 0 20px 0; background:#6ECDFD; width:100%;}
.left_abouttube ul li{float:left;width:174px;height:23px;padding-top:8px;margin-left:10px;background:url(../images/bg_li_abouttube.gif) no-repeat;font-size:14px; text-align:center; font-weight:bold; margin-top:10px}
.left_abouttube_bottom{ float:left; width:100%; height:240px; background:url(../images/bg_abouttube.gif)  no-repeat;}
.right_abouttube{ float:left; width:749px; margin-left:10px; background:#E7F7FF;}
.right_abouttube h2{ font-size:14px; height:30px; border-top:4px #82A4D4 solid; width:100%; padding-top:10px; text-align:center; background:url(../images/bg_h2_abouttube.gif) bottom repeat-x;}
.right_abouttube .content_abouttube{ float:left; width:729px; padding:10px; line-height:2; min-height:500px; height:auto !important; height:500px; border-bottom:4px #82A4D4 solid; }

.reset{ float:left; width:965px; border:1px #7FA2D4 solid;}
.reset h2{ height:25px; padding:5px 0 0 20px; font-size:14px; background:#7FA2D4; color:#FFF;}
.reset form{ padding:20px;}
.reset form p{ padding:5px}

.answerform{ float:left; width:100%}

#bottomTextAd{ float:left; width:967px; margin-top:10px; padding-top:10px; border-top:1px #D8D8D8 solid; line-height:2; }

/*highslide style*/
.highslide {cursor: url(../js/graphics/zoomin.cur), pointer;   outline: none;}
.highslide img {border: 2px solid gray;}
.highslide:hover img {border: 2px solid white;}

.highslide-image {border: 5px solid #444444;}
.highslide-image-blur{}
.highslide-caption{display: none;font-family: Verdana, Helvetica;font-size: 10pt;border: 5px solid #444444;border-top: none;padding: 5px;background-color: gray;}
.highslide-loading {display: block;color: white;font-size: 9px;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 3px;border-top: 1px solid white;	border-bottom: 1px solid white;    background-color: black;}
a.highslide-credits,a.highslide-credits i { padding: 2px;  color: silver;  text-decoration: none;font-size: 10px;}
a.highslide-credits:hover,a.highslide-credits:hover i {   color: white; background-color: gray;}
.highslide-display-block {   display: block;}
.highslide-display-none {    display: none;}