@charset "utf-8";
/*
描述: Cavan主题样式表第二十六套
作者: linli
版本: 0.1

[目录表]

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

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

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{color:#b9b9b9;background:#353535;}
#Container{width:1003px;}

/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative; width:255px; overflow:hidden; padding-top:100px;}
#multiLanArea{ position:absolute; left:49px; top:75px;}
#multiLanArea .lanLine{ color:#DBDBDB; padding:0 7px;}
#multiLanArea a{ color:#555; text-decoration:underline;}
#multiLanArea a:hover{ color:#CC0001; text-decoration:none;}
#Logo{ top:0; left:40px;}
.logoText{font-size:22px; line-height:70px; position:absolute;}
.logoText a{color:#000; font-family:Arial;}
.logoText a:hover{ text-decoration:none;}

#Navbar{ margin-left:40px; width:162px; background:url(images/nav_bg.png) no-repeat -324px bottom;}
.scrollNav{ width:124px; height:24px; margin:-14px auto 0; padding-bottom:10px; position:relative;}
.navleft,.navright{ background:url(images/navbtn.gif) no-repeat; position:absolute; width:49px; height:24px; cursor:pointer;}
.navleft{ left:0;}
.navright{ right:0; background-position:center -25px;}

.nav,.nav_in{ background:url(images/nav_bg.png) no-repeat;}
.nav{ padding-top:10px;}
.nav_in{ background-position:-162px 0; background-repeat:repeat-y; padding-bottom:40px;}
.nav_inner{ width:141px; margin:0 auto;}
.nav li{ background:url(images/nav_itembg.png) no-repeat; padding-bottom:2px; margin-bottom:3px;}
.nav li a{ height:22px; background:url(images/navico.gif) no-repeat 8px 8px; display:block; padding-left:19px; line-height:23px; color:#d10000; overflow:hidden;}
.nav li a:hover { color:#d10000; text-decoration:none;}
.nav .liImg{display:none;}
.nav li.navhover a{background-position:7px -15px; font-weight:bold;}

.submenu{ display:none; padding:8px 0;}
.submenu .subline{ height:8px; display:block; overflow:hidden;}
#Navbar .submenu a{ height:20px; overflow:hidden; line-height:20px; color:#fff; padding-left:35px; background:url(images/navsubico.gif) no-repeat 22px center; font-weight:normal;}
#Navbar .submenu a:hover{ font-weight:bold;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{ width:708px; margin-right:40px; overflow:visible;}
#Banner{position:relative; width:1003px; overflow:hidden; margin:0 -40px 0 -255px; padding-bottom:14px; background:#fff;}
.bannerText{position:absolute; left:247px; top:128px; color:#c00; font-size:26px; font-family:"微软雅黑";}

#Wrapper{ position:relative; width:708px; padding:0 40px 20px 255px; margin:0 -40px 0 -255px; background:url(images/body_bg.png) no-repeat #353535; min-height:300px; _height:300px; overflow:visible;}

#Main{}

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ background:#fff; padding:8px 40px; *padding-top:4px; color:#5d5d5d; line-height:23px; position:relative;}
#Footer a{ color:#5d5d5d;}
.footer_stat{ position:absolute; right:40px; top:8px;}
.footer_links{ margin-right:190px;}
.footer_authentication{ margin-right:10px;}
.footer_records,.footer_authentication{ display:inline;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_title,.com_title_in,.com_title_inner{ height:28px; background:url(images/com_titlebg.png) no-repeat; color:#fff;}
.com_title{ padding-left:104px; position:relative;}
.com_title_in{ padding-right:10px; background-position:right -60px;}
.com_title_inner{ background-repeat:repeat-x; background-position:0 -30px;}
.com_title h2{ white-space:nowrap; margin-left:-90px; position:absolute; line-height:27px; font-weight:bold;}
a.more{ display:none;}

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

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content{ padding:10px; background:#353535; position:relative;}
.content img{ vertical-align:middle;}
.content h3{font-size:12px; font-weight:bold; color:#f4f4f4; margin-bottom:5px;}

/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.feedback_con{}
.feedback_con table td { height:26px; }
.feedback_con .btn{ background:url(images/btn.png) no-repeat; width:58px; height:22px; font-size:12px; color:#fff; border:none; cursor:pointer;}
.feedback_con table input { color:#fff; padding:1px; border:1px solid #404040; background:#5d5d5d; width:132px; height:15px; }
.feedback_con table textarea{ color:#fff; padding:1px; width:286px; height:136px;  border:1px solid #404040; background:#5d5d5d;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#SideBar.Sub_special{ margin-left:-708px!important;}
#Sub.Sub_special{ width:120px!important;}
.product_sidecon{ background:#353535; position:relative;}
.product{ margin-left:130px; color:#808080;}
.tree{ line-height:24px; padding-top:15px;}
.tree li{ zoom:1;}
.tree li.open{}
.tree li a{ color:#959595; }
.tree_parent{ background:url(images/prd_subico.gif) no-repeat 16px 10px; *background-position:16px 8px; height:24px; cursor:pointer; padding-left:28px;}
.faq_sidecon .tree_parent{ cursor:default;}
.tree li a:hover{}
.tree .open a{color:#c7c7c7; font-weight:bold;}
.tree_sub{}
.tree .tree_sub li{ padding-left:40px; background:url(images/prd_subico.gif) no-repeat 30px -16px;}
.tree .tree_sub li a{color:#959595; font-weight:normal;}
.tree .tree_sub .cur a{ color:#c7c7c7; font-weight:bold;}


.product h3 a{ font-size:12px; color:#c7c7c7;}

.prdcrumb{ font-family:Simsun; margin:20px 10px;}
.prdcrumb strong{ font-weight:bold; color:#fff;}
.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{ color:#bcbcbc; font-family:Verdana; border:solid #353535; border-width:1px 0 0 1px; line-height:18px;}
.product_con_detail .info th{ background:#656565; border:solid #353535; border-width:0 1px 1px 0; text-align:right; width:60px; padding:0 5px 0 10px;}
.product_con_detail .info td{ background:#4f4f4f; height:28px; border:solid #353535; border-width:0 1px 1px 0; padding:0 5px;}
.prdname td{}
.prdpromotion td{ color:#fff;}

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

/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq{ margin-left:130px; line-height:20px;}
.faq_sidecon{ background:#353535; position:relative;}
.faq_con{ padding-top:18px;}
.faq_con h3{ margin-left:10px; padding-left:20px; background:url(images/faq_ico.gif) no-repeat left center; color:#c7c7c7; }
.faq_con p{ color:#6e6e6e; margin:0 10px 15px 30px;}