@charset "utf-8";
/*
描述: Cavan主题样式表第五十七套22222
作者: xxxxxx
版本: 0.1

[目录表]

0- common
1- Container
2- Header
3- Body
4- Footer
5- main
6- sidebar
7- content
8- feedback
9- product
10- faq
11-datatable
12-form
*/

/* =0 common
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a{ color:#707070; text-decoration:none;}
a:hover{ text-decoration:underline;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{padding:0px;}
#Container{width:970px;}


/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative;margin:0 auto; height:125px; z-index:10;background: url(images/header-bg.jpg) no-repeat top right; }
#headerMenu {color:#555555;position:absolute;right:14px;top:10px;white-space:nowrap;}
#Logo{top:-10px; left:-50px}
.logoText{font-size:24px; position:absolute; left:62px; top:20px;}
.logoText a{color:#fff; line-height:41px; font-family:Verdana;}
.logoText a:hover{ text-decoration:none;}

#Navbar{top:95px; left:0; width:970px; background: url(images/nav_bg.jpg) repeat-x top}
.scrollNav{ position:absolute; right:10px; top:0; width:28px;}
.navleft,.navright{ width:14px; height:34px; cursor:pointer;}
.navleft{float:left; background:url(images/navLeft.gif) no-repeat center;}
.navright{ float:right; background:url(images/navRight.gif) no-repeat center;}

.nav{ margin-left:100px }
.nav_in{ }
.nav li{float:left; line-height:32px; height:32px; background:url(images/nav_li_hover_bg.gif) repeat-x;}
.nav li a{width:85px;font-weight:bold; text-align:center; color:#fff; background:url(images/nav_li_bg.gif) repeat-x;display:block;}
.nav li a:hover,.nav .navhover a{width:85px;color:#fff; text-decoration:none;  background:url(images/nav_li_hover_bg.gif) repeat-x;display:block;}
.nav .liImg{width:2px;background:url(images/nav_line.gif) no-repeat center;}

.submenu{ position:absolute; padding:0 10px 0 10px; top:31px; z-index:100; display:none; line-height:25px; white-space:nowrap; background:#afc24b;}
.submenu .subline{ display:none;}
#Navbar .submenu a{ display:inline-block; color:#fff; font-weight:normal; background:none;}
#Navbar .submenu a:hover{color:#fff; background:none; font-weight:bold;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{width:970px;margin:0 auto;}
#Wrapper{border:1px solid #fff;}
#Banner{position:relative;margin-bottom:8px;}
.bannerText{position:absolute; left:50px; top:60px; color:#fff000; font-weight:bold; font-size:25px; }

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{background:#f3f3f3;  margin-top:20px; padding:12px; color:#888888;text-align:center; line-height:25px;}
#Footer a{ color:#333333;}
#Footer img{ border:#f3f3f3 1px solid;}
.footer_authentication, .footer_stat, .footer_records{ display:inline; padding:0 6px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_title{ clear:both; background:url(images/box-top-ico.gif) no-repeat 0px 8px; padding-left:15px; border-bottom:2px solid #336699;  height:27px;line-height:27px; color:#336699; margin-bottom:10px;}
.com_title h2{font-weight:bold; padding-left:2px; }
.more{ text-align:right; font-size:12px; margin-top:20px; }
.more a{color:#afc24b}
table .content {
border:1px solid #CCCCCC;
margin:0;
margin-top:10px;
}
table .content ul{ list-style-type:none; }
table .content ul span{font-size:14px}
table .content li ctl00_ContentPlaceHolder1_JQueryCombobox1{display:inline}

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.side .com_title{ margin:0; background:#336699;color:#fff; border-bottom-style:none;}
.side .content{ color:#707070; border:1px solid #336699;}
.side ul{ list-style-type:none}
.discUL{list-style-position:outside; list-style:none;}
.discUL li{  list-style-type:none; background:url(images/list-ico.jpg) no-repeat 0px 7px; padding-left:10px;}
.com_bullet li{}
.com_bullet li a{color:#707070; text-decoration:none; font-weight:normal;}
.com_bullet li a:hover{ color:#f6260b; text-decoration:underline;}

#SideBar {
float:left;
margin-left:-970px;
}

.Sub_special{ width:220px;}

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content{ margin-bottom:10px; padding:10px;}
.content img{ vertical-align:middle;}
.content table tr{padding:1px 0px;font-size:14px}
.content a{}
.content a:hover{color:#f00;text-decoration:none;}
.content h3{font-size:12px; font-weight:bold;}

#Main{font-size:14px}
/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.feedback_con{ margin-bottom:20px;}
.feedback_con{ padding:0 10px;}
.feedback_con table td { height:37px; }
.feedback_con .btn{ background:url(images/messageboard_btn_bg.gif) no-repeat; width:76px; height:24px; font-size:12px; color:#fff; border:none; cursor:pointer;}
.feedback_con table input { padding:1px; border:1px solid #d8d8d8; background:#fff; width:132px; height:15px; }
.feedback_con table textarea{ padding:1px; width:286px; height:136px;  border:1px solid #d8d8d8; background:#fff;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{}
.tree{ margin:20px 10px 0 20px; line-height:27px;}
.tree li{ border-bottom:1px solid #e5e5e5; zoom:1;}
.tree li.open{}
.tree li a{ color:#333; display:block; padding-left:19px; background:url(images/tree-plus.gif) no-repeat 6px 10px;}
.tree li a:hover{ color:#f6260b; font-weight:bold;}
.tree .open a{ color:#333; font-weight:bold; background:url(images/tree-minus.gif) no-repeat 6px 10px;}
.tree_sub{ padding-bottom:5px;}
.tree .tree_sub li{ padding-left:30px; line-height:24px; border:none;}
.tree .tree_sub li a{color:#888888; font-weight:normal; background:url(images/list-ico.jpg) no-repeat 9px 10px;}
.tree .tree_sub li a:hover{ color:#f6260b;}
.tree .tree_sub .cur a{}
.product h3 a{ font-size:14px; font-weight:bold; color:#000;}
.prdcrumb{ font-family:Simsun; margin:20px 10px; padding-left:12px; background:url(images/treeico_parent.gif) no-repeat left center;}
.prdcrumb a{ color:#000;}
.prdcrumb strong{ font-weight:bold; color:#000;}
.product_con_detail{ padding:0 10px;}
.product_con_detail .pic{ margin:0 0 20px 10px;}
.product_con_detail .info{ margin-left:10px;}
.product_con_detail .info table{ font-family:Verdana; line-height:18px;}
.product_con_detail .info th{ text-align:right; padding:0 10px;}
.product_con_detail .info td{ height:28px; padding:0px;}
.prdname td{ font-size:14px; color:#333; font-weight:bold;}
.prdpromotion td{ font-size:14px; color:#f60; font-weight:bold;}

/* 产品图片展示*/
 .gallery a:link,.gallery a:visited, .gallery a:focus, .gallery a:hover, .gallery a:active{ padding:3px; background:#f3f3f3; border:1px solid #eeefef;  position:absolute;  }
 .gallery a:hover{border-color:#dfdfdf; }
 .gallery .gallery_cell{ width:224px; margin:0 0 10px 1%;   padding:10px 0;  height:180px; }

.page{ background:#f7f7f7; margin:20px 10px; clear:both; text-align:center; padding:5px 0;}
.page a{ color:#555; text-decoration:underline; margin-right:10px;}
.page a:hover{ color:#f60;}
.page .disabled{ color:#6d6d6d; margin-right:10px;}
.page select{ color:#f60;}

/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_sidecon{}
.faq_con h3{ margin:35px 10px 0; padding-left:20px; background:url(images/faqico.gif) no-repeat left center; font-size:14px; color:#a64a00; line-height:25px;}
.faq_con p{ margin:0 10px 0 30px; line-height:25px;}


/* =11 dataTable
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
table.dataTable {width: 100%;border-collapse: collapse;background-color: #fff;}
table.dataTable th {color: #fff; background-color: #336699;padding: 5px;border: #fff 1px solid;text-align: left;}
table.dataTable td {padding: 5px;border-style: solid;border-width: 1px 1px 0 1px;border-color: #ccc #fff #ccc #fff;}
table.dataTable td a {padding-right: 5px;}
table.dataTable tr.odd_row {background-color: #e4f2fb;}
table.dataTable tr.even_row {background-color: #f8f8f8;}
table.dataTable tr:hover,table.dataTable tr:hover a {background-color: #f3f3f3;}
table.dataTable tr:hover a:hover {}
table.dataTable th a,table.dataTable th a:link,table.dataTable th a:active,
table.dataTable th a:visited {color: #fff;display: block;text-decoration: none;}
* html table.dataTable th a {width: 100%;}
table.dataTable th a:hover {text-decoration: underline;}
table.dataTable {	border-bottom: 1px solid #fff;}
table.dataTable thead td,
table.dataTable tfoot td.dataTableFooter {border: 0;padding: 0;}

/* =12 form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.form label {color:#404040;float:left;line-height:1.2;padding-right:8px;padding-top:4px;text-align:right;width:112px;}
.form li span label, .form li span  {float:none;line-height:1.8;width:auto;}
.form ul{list-style:none outside none;}
.form li {clear:left;margin-bottom:8px;}
/*
textarea {background:url("http://a.tbcdn.cn/app/ic/img/input-bg.png") no-repeat scroll 0 0 white;border:1px solid #A7A6AA;font-size:12px;height:5em;margin:3px 5px 2px;padding:3px 2px 0 3px;width:50%;}
input {background:url("http://a.tbcdn.cn/app/ic/img/input-bg.png") no-repeat scroll 0 0 white;color:#666666;font-size:12px;}
input.text {border:1px solid #A7A6AA;height:16px;margin:0 0 0 5px;padding:3px 2px 0 3px;}
input.pure-text {background:none repeat scroll 0 0 transparent;border:1px solid white;color:#333333;}
input.checkbox {background:none repeat scroll 0 0 transparent;height:18px;margin:0 4px 0 5px;vertical-align:middle;}
input.radio {background:none repeat scroll 0 0 transparent;height:24px;margin:0 4px 0 5px;vertical-align:middle;}
input.align-right {text-align:right;}
.form select {border:1px solid #A7A6AA;font-size:12px;margin:0 4px 0 5px;padding:1px 1px 0 2px;}
.form {margin-bottom:10px;}
.form:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.form ul {}
.form ul:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.form li {clear:left;margin-bottom:8px;}
.form label {
color:#404040;
float:left;
line-height:1.2;
padding-right:8px;
padding-top:4px;
text-align:right;
width:112px;
}
.form label b {
color:#40D9FF;
font-weight:normal;
}
.form li span {
display:block;
overflow:hidden;
}
.form li span.prop-tips {
color:#808080;
display:inline;
margin-left:12px;
}
.form li span.noun-hint-trigger {
background:url("http://img08.taobaocdn.com/tps/i8/T1BXNwXoFHXXXXXXXX-12-12.png") no-repeat scroll right 50% transparent;
display:inline-block;
padding-right:16px;
vertical-align:middle;
}
.noun-hint-box {
background-image:url("http://img01.taobaocdn.com/tps/i1/T1oV4wXj4HXXXXXXXX-344-71.png");
height:71px;
overflow:hidden;
position:absolute;
width:344px;
}
.noun-hint-box .close-btn {
cursor:pointer;
display:block;
height:10px;
overflow:hidden;
position:absolute;
right:8px;
top:5px;
width:10px;
}
.noun-hint-box p {
line-height:1.2;
padding:10px 25px 0 10px;
}
.form li span:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.form li span.prop-tips:after {
content:"";
display:inline;
}
.form li span em {
color:red;
font-family:'simsun';
font-size:12px;
font-style:normal;
line-height:24px;
margin:0 0 0 -8px;
position:absolute;
}
.form li span .text {
width:193px;
}
.form li span .text-error {
border:1px solid red;
}
.form li span .disabled {
background:none repeat scroll 0 0 #ECE9D8;
}
.form li span .text-short {
width:100px;
}
.form li span .text-shorter {
width:60px;
}
.form li span ul.ul-radio li {
padding-top:1px;
}
.form li span .text-long {
width:400px;
}
.form li span .noun-hint-box {
position:absolute;
}
.form li span ul {
}
.form li.face-value {
position:relative;
}
.form li span ul:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.form li span li, .form li span .module-property li span li {
clear:none;
float:left;
margin:0 20px 0 0;
white-space:nowrap;
}
.form li span .module-property li {
clear:left;
float:none;
margin:0 0 18px;
}
.form li span .tips {
color:#404040;
margin-left:5px;
}
.form li span li label, .form li span .module-property li span li label {
float:none;
line-height:1.8;
padding-right:0;
padding-top:0;
width:auto;
}
.form li span .module-property li span li label {
white-space:nowrap;
}
.form li span .module-property li label {
float:left;
line-height:1.2;
padding-right:8px;
padding-top:4px;
width:110px;
}
.form li span .module-property li label.label-title {
white-space:normal;
}
.form li span .module-property li span {
width:490px;
}
.form li span .module-property li span .preview {
height:91px;
overflow:hidden;
width:90px;
}
.form li span .module-property li span .preview span {
height:86px;
overflow:hidden;
padding-left:0;
width:86px;
}*/