@charset "utf-8";



/*



“全局公用定义” 样式



2010.1.27 10:00 for wjf217@gmail.com



Last modified 2010.1.27 10:00



Copyright (c) 2010, Web-sun.cn All rights reserved.



*/







@import url("wiznav.css");







body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {



	margin:0;



	padding:0;



}







html, body {



	height:100%;



}



body {



	height:auto !important;



	color:#2C495B;



	background: #000 url(../img/body-bg.jpg) top center no-repeat fixed;



	font:11px/150% Verdana, Arial, Helvetica, sans-serif ;



}



ol, ul {



	list-style:none;



}



img {



	border:0;



}



a {



	color: #2C495B;



	text-decoration: none;



	outline: none;



}



a:hover {



	text-decoration: underline;



}



/* 常用样式



-------------------------------------------------------------------*/



.mT10{margin-top:10px;}



.hidden, .collapsed, .block_hidden_only_for_screen { display:none; }



.wrap { white-space: normal;word-break:break-all; }



.clear { clear:both; }



br.clear {



	clear:both;



	line-height:0;



	font-size:0;



	height:0;



}



noscript ul {list-style-type:none; background:black; color:white; padding:10px; border:1px solid gray;}



.line{border-bottom:1px #ccc dashed;}



.home-ico{background:url(../img/icon/home.gif) left 50% no-repeat; padding-left:20px;}



.home-ico a{color:#525252;}







.contact-info{background:url(../img/contact-info.jpg) left no-repeat; height:38px; line-height:45px; color:#6d971d; font-size:12px; text-align:left; padding-left:60px; margin-top:5px;}







.editorial_block{border:0px #2C495B solid; padding:5px 10px; margin:0 auto 5px auto; border-right:0; border-top:0;}



.about-title{height:20px; background:url(../img/about-title.jpg) no-repeat;}



.about-pic{border:0; margin-bottom:5px;}



.about_content{line-height:170%;}



.product-title{ color:#2C495B; height:30px; line-height:30px; font-family:"Tahoma"; font-size:12px; padding-left:10px;}



.produt_content{ margin:2px auto 0 auto; padding:10px 0;}



.left-msn{ margin-top:5px;}



.left-msn li{ width:50px; float:left; text-align:center;}



.top-key{color:#999; margin-top:24px; margin-left:10px; width:560px; line-height:130%;}



.left-bottom-pic{background:url(../img/left-pic.jpg) bottom no-repeat; height:84px; margin-top:5px;}







.right-title{color:#ff7302; text-decoration:underline; height:25px; line-height:25px; font-size:14px;}



.daohang-title{border-bottom:1px #525252 solid; height:30px; line-height:30px; font-size:12px; color:#525252;}











/*标题



-------------------------------------------------------------------*/



.cate-title{clear:both; background:url(../img/product-list.jpg) no-repeat; height:82px; line-height:82px; display:block; font-size:22px;}



.left-content{background:url(../img/left-pic.jpg) no-repeat; padding-top:124px;}



.content-title{ height:15px; margin:5px 0; font-size:18px;}



.about-title{background:url(../img/welcome.jpg) no-repeat; height:30px; line-height:30px; margin:5px 0; font-size:22px; font-weight:normal;}



.product-title{background:url(../img/products.jpg) no-repeat; height:30px; line-height:30px; border-bottom:3px #2C495B solid; display:block; padding:0 0 5px 0; font-size:22px; font-weight:normal; color:#2C495B;}







/*网站框架



-------------------------------------------------------------------*/



.fLeft{float:left;}



.fRight{float:right;}



   /*模块*/



   .box{display:block; background:#fff;}



.box1{display:block; border:1px #e6e6e6 solid;}



.box-title{ height:40px; line-height:40px; color:#6f5d51; padding-left:10px; font-size:26px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}



.box_content{padding:5px 0px; line-height:180%;}







.wrapper {



	width: 927px;



	clear: both;



	margin: 0 auto; overflow:hidden;

	

	background:#fff;



}



.left_column{width:239px; margin:0 0 0 15px;}



.center_column{width:665px; }



.right_column{width: 190px;}



.middle-bg{background:url(../img/middle-bg.jpg) left repeat-y;}







/*头部导航



-------------------------------------------------------------------*/



.mainNav{height:33px; line-height:33px; display:block; margin-top:50px;}











.logo{ height:91px;}



.logo a{color:#3c5f89; font-family:"Times New Roman";}



.header{border-bottom:1px #868686 solid; background:#2c495b; height:91px;}



.banner{  display:block;}



.banner-flash{margin-top:-162px;}







/*头部语言



-------------------------------------------------------------------*/



.languages_block_top { font-size:11px; margin-top:5px;}



.languages_block_top li{float:left; margin-left:5px;}







/*头部搜索



-------------------------------------------------------------------*/



.search_block_top{margin:40px 0 auto auto; }



.search_block_top .button{background:url(../img/search-bt.gif) no-repeat; width:18px; height:18px; border:0; color:#fff;}



.search_block_top .key{border:1px #666 solid; border-right:none; width:150px;}







.search_block_nav{background: #82ae5f url(../img/nav-right.jpg) left no-repeat; padding-left:30px; color:#fff; height:28px; }



.search_block_nav .search-in{width:100px;}



.search_block_nav .button{background:none; border:0; color:#fff;}







/*底部



-------------------------------------------------------------------*/



.copyright{ color:#5A5E4C; margin:10px auto; text-align:center;}



.copyright a{color:#5A5E4C;}



.footer{ padding:5px 0; border-top:1px #c1c1c1 solid; background:#95A4AD;}



 .block_various_links { list-style: none; margin-top:5px;}



 .block_various_links li a{color:#5A5E4C;}



 .block_various_links li {



	display: inline;



	padding: 0px 10px;



}



 .block_various_links li.first_item {



	border: none; background:none;



	padding-left: 20px;



}











/*新闻列表



-------------------------------------------------------------------*/



.news-list{padding:5px 10px;}



.news-list li{display:block; border-bottom:1px #615949 dashed; height:25px; line-height:25px; background:url(../img/icon/18.gif) 5px 50% no-repeat; padding-left:20px;}







/*产品列表



-------------------------------------------------------------------*/



.products_block{padding:5px 0px;}



.products{margin:5px auto;}



.products dl {



	width:143px;



	height:255px;



	margin:2px 10px;



	_margin:2px 8px;



	float:left;



	overflow:hidden;



}



.products dl dt {



	display:block;



	width:135px;



	text-align:center;



}



.products dl dt a {



	font-size:13px;



	text-decoration:none;



}



.products dl dt a:hover {



	text-decoration:underline;



}



.products dl dd.pic {



	float:left;



}



.products dl dd.pic a {



	display:block;



	border:0px solid #e0e8af;



}



.products dl dd.pic a img {



	border:2px #B3C4CE solid;



	padding:2px;



}



.products dl dd.pic a:hover {



	border:0px solid #d6d6d6;



}



.products dl dd.text {



	float:right;



	font-size:12px;



	line-height:19px;



	color:#222;



	width:143px;



}



.products dl dd.links {



	float:right;



	width:143px;



	margin-top:0px;



	text-align:left;



}



.products dl dd.links a {



	font-size:12px;



	line-height:15px;



	color:#000;



	text-decoration:none;



	font-style: italic;



}



.products dl dd.links a:hover {



	text-decoration:underline;



}











/*首页产品列表



-------------------------------------------------------------------*/



.new-products{ border:1px #e6e6e6 solid; padding:10px 0; background:#fff;}



.new-products li{display:block; margin:10px 0; clear:both;word-wrap: break-word;word-break: normal; overflow:hidden; text-align:center;}



.new-products img{border:0px #888 solid; width:100px; height:100px; margin-left:5px;}



.new-product-title{background:#e6e6e6; margin-top:5px; color:#6d971d; height:30px; line-height:30px; padding-left:10px; font-size:12px;}



.new-products-links{color:#4fb912;}







/* errors错误 */



.error {



	width: 90%;



	border: 1px solid #da0f00;



	background-color: #f1f2f4;



	color: #da0f00;



	margin: 0.3em auto 1.5em auto;



	padding: 0.3em 0.8em 1em;



}



.error p { font-weight: bold; }



.error li {



	list-style-position: inside;



	list-style-type: decimal-leading-zero;



	padding-left: 3em;



}







/* warning 警告 */



.warning {



	color: black;



	font-size: 1.2em;



	background-color: #F8E1A0;



	border: 1px dashed #F9E400;



	font-weight: bold;



	margin: 0.2em 2em;



	padding: 0.6em 1em;



}



.warning_inline {



	color:#da0f00;



	font-weight:bold;



}







/* success 成功 */



.success {



	color: green;



	background-color: #d0d3d8;



	border: 1px dashed green;



	font-weight: bold;



	margin: 0.2em 1em;



	padding: 0.3em 0.8em 1em;



}



.success_inline {



	color:green;



	font-weight:bold;



}







/* pagination.tpl 分页 */



div.pagination { margin: 1em 0; }



ul.pagination {



	list-style: none;



	float: left;



}



ul.pagination li {



	display: inline;



	float: left;



	margin-right: 0.3em;



}



ul.pagination li, ul.pagination a, ul.pagination span {



	font-weight: bold;



	color: #374853;



}



ul.pagination a, ul.pagination span {



	border: 1px solid #888;



	padding: 0em 0.4em;



	display: block;



	line-height: 17px;



	background: #bdc2c9 url('../img/pagination_bg.gif') repeat-x top right;



}



ul.pagination a { text-decoration: none; }



ul.pagination li.current span {



	background-color: #595a5e;



	background-image: url('../img/pagination-bg-current.gif');



	color: white;



	border: 1px solid #595a5e;



}



ul.pagination li.truncate {



	padding: 0.3em;



	background: none;



}



#pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span {



	background-image: url('../img/pagination-prevnext-bg.gif');



	border: none;



	line-height: 19px;



	border-color: #d0d1d5;



	border-style: solid;



	border-width: 0 1px;



}



#pagination_previous {



	background: transparent url('../img/pagination-prev-border.gif') no-repeat top left;



	padding-left: 6px;



}



#pagination_previous a, #pagination_previous span {



	border-left: none;



}



#pagination_next {



	background: transparent url('../img/pagination-next-border.gif') no-repeat top right;



	padding-right: 6px;



}



#pagination_next a, #pagination_next span { border-right: none; }



li.disabled span {



	color: #888;



	background-color: #f1f2f4;



}







form.pagination { text-align: right; }



form.pagination label {



	line-height: 1.4em;



	vertical-align: bottom;



	float:right;



	margin-left: 0.3em;



}



form.pagination select { float:right; }



form.pagination select option{



	font-size: 0.9em;



	padding-right: 1em;



}



form.pagination input{ float:right; }



/* Block categories */



.cate_content{background:url(../img/cate-bg.jpg) repeat-x;}



#categories_block_left{ margin:10px auto;}



#categories_block_left ul.tree {}



#categories_block_left ul.tree li {



	border:none;



	line-height:20px; font-weight:bold;



	background:url(../img/cate-ico.jpg) top left no-repeat;



}



/*#categories_block_left ul.tree li:hover{background:#f8f8f8;}*/



#categories_block_left ul.tree li ul li{



	padding-left:5px;



	font-weight:normal;



	background:none;



}



#categories_block_left ul.tree li ul li ul li{



	padding-left:10px;



	font-size:9px;



}



#categories_block_left ul.tree a{



	padding-left:10px;



	color:#2C495B;



}



#categories_block_left ul.tree a:hover{



color:#89733d; display:block; text-decoration:underline;



}



#categories_block_left ul.tree a.selected{



	color:#fff; background:#2C495B; display:block;



}



#categories_block_left span.grower{



	display:block;



	float:left;



	background-position: 0px 7px;



	background-repeat: no-repeat;



	/*width:9px;*/



	height:22px;



	padding: 0;



}



#categories_block_left span.OPEN { background-image: url('../img/icon/less.gif'); }



#categories_block_left span.CLOSE{ background-image: url('../img/icon/more.gif'); }







/*表单



-------------------------------------------------------------------*/



#contact-form form label{width:150px; float:left;}



#contact-form p{margin:5px 0;}



/* product.tpl */



#primary_block #pb-right-column{



	width:310px;



	float:left;



}



#primary_block #image-block{



    border:#d0d1d5 solid 1px;



	height:302px;



	width:300px;



}



#primary_block #image-block img#bigpic{ 



	cursor:pointer; 



	height:300px;



	width:300px;



}



#primary_block ul#usefull_link_block{



	list-style-type:none;



	margin-top:1em;



}



#primary_block ul#usefull_link_block li{ margin:0.5em 1em 0.5em 0; display: block; }



#primary_block ul#usefull_link_block li a, #primary_block ul#usefull_link_block span.span_link, #primary_block ul#usefull_link_block span.span_link:hover{



	text-decoration:none;



	color:#76839b;



	font-size:0.9em;



	background: white url('../img/bullet_alt.jpg') no-repeat top left;



	padding-left:15px;



	height:15px;



}



#primary_block #pb-left-column{



	float:right;



	width:340px;



}



#primary_block #pb-left-column h2{font-size:14px;}



#primary_block #short_description_block{



	background: #f7f7f7;



	padding:0.7em;



	margin-bottom:1.5em;



}



#primary_block #color_picker p {



	margin: 0 0 0.4em 0;



	padding: 0 0 0 0;



}



#primary_block #color_picker {



	padding: 0.7em;



	background: #e5e6e7 url('../img/product-short-desc-bg.gif') repeat-x top left;



	border: 1px #d0d3d8 solid;



	margin-bottom: 1.5em;



}



#primary_block #color_to_pick_list {







}



#primary_block #color_to_pick_list li {



	display: inline;



	float: left;



	margin: 0 0.4em 0.4em 0;



}



#primary_block a.color_pick {



	display: block;



	width: 20px;



	height: 20px;



	border: 1px solid #666;



	cursor: pointer;



}



#primary_block a.color_pick:hover {



	border: 1px solid #000;



}







#primary_block #image-block img#bigpic.jqzoom{



cursor:crosshair;



position:relative;



}







#primary_block p.buttons_bottom_block{ margin:0; }



#primary_block p.buttons_bottom_block a, #primary_block p.buttons_bottom_block input { margin:0.9em auto 0 auto; }



#primary_block #short_description_content{



	margin-bottom:0.5em;



}



#primary_block form#buy_block{



	background: #f1f2f4 url('../img/product-buy-bg.gif') repeat-x top left;



	font-size:1.1em;



	padding:0.7em;



	color:#374853;



	border: 1px #d0d3d8 solid;



}



#primary_block form#buy_block p{



	padding:0;



	margin-top:0;



}



#primary_block form#buy_block img.on_sale_img{



	float:left;



}



#primary_block form#buy_block span.on_sale{



	color:#da0f00;



	text-transform:uppercase;



	font-weight:bold;



	float:right;



}



#primary_block form#buy_block span.discount{



	color:#da0f00;



	text-transform:uppercase;



	font-weight:bold;



	float:right;



}



#primary_block form#buy_block span.our_price_display{



	float:right;



}



#primary_block form#buy_block span#availability_label{



	float:left;



	margin-right:1em;



}



#primary_block form#buy_block label{



	text-align:right;



}



#primary_block form#buy_block label,#primary_block form#buy_block select{



	display:block;



	width:47%;



	float:left;



}



#primary_block div#attributes p, #quantity_wanted_p{



	clear: left;



	height:2em;



}







/* prices */



#primary_block form#buy_block p.price{



	font-size:1.05em;



	text-align:right;



}



#primary_block form#buy_block span#pretaxe_price{



	font-size:0.75em;



	text-align:right;



}



#primary_block form#buy_block p#old_price{



	font-size:0.8em;



	text-align:right;



	text-decoration:line-through;



}



#primary_block form#buy_block p#reduction_percent{



	color:#da0f00;



	font-size:0.75em;



	text-align:right;



}



#primary_block form#buy_block p.price-ecotax{



	font-size:0.75em;



	text-align:right;



}







/* views block */



#views_block{



	margin:0pt auto;



	width: 284px;



}







#thumbs_list{



	overflow:hidden;



	float:left;



	width: 250px;



}



#thumbs_list ul{



	padding-left:0px;



	list-style-type:none;



	margin-top: 5px;



}



#thumbs_list li{



	float:left;



	cursor:pointer;



	width: 80px;



	height: 80px;



}



#view_scroll_left, #view_scroll_right{



	background: url('../img/thumbs_left.gif') no-repeat center;



	text-indent:-3000px;



	width:9px;



	height:18px;



	float:left;



	margin-top:30px;



	padding-right: 4px;



	padding-left: 4px;



}



#view_scroll_right{



	background-image: url('../img/thumbs_right.gif');



}



span.view_scroll_spacer{



	float: left;



	width: 17px;



	height: 80px;



}



/*  sitemap.tpl */



#sitemap_content{ margin-left:20px; }



div.sitemap_block{



	padding:0;



	float:right;



	width:30%;



}



div.sitemap_block ul{ text-align:left; }



div.sitemap_block h3, .categTree h3{



	margin-top:1em;



	margin-bottom:1em;



}



div.categTree {



	margin-top:25px;



	margin-bottom:1em;



	margin-left:5em;



}



/* Category tree (i.e. in sitemap) */



div.tree_top1 {



	background:url('../img/sitemap-top.gif') no-repeat -1px -3px;



	padding-left:24px;



	padding-bottom:5px;



	padding-top:3px;



}



ul.tree1, ul.tree1 ul{ list-style-type:none; }



ul.tree1 li{



	padding-left:1.2em;



	border-left:1px gray dotted;



	background:url(../img/sitemap-horizontal.gif) no-repeat left 10px;



	margin-left:1em;



}



ul.tree1 a{ padding-left:0.2em; }



ul.tree1 a.selected{ font-weight:bold; }



ul.tree1 li.last{



	background:url(../img/sitemap-last.gif) no-repeat -12px -2px;



	border:none;



}



span.grower{ cursor:pointer; }



/*图片却换 CSS*/

.picshow { z-index:444; position:relative; background-color:#e4f2fa; width: 100%; height: 219px}/**/

.picshow_main { position: relative; width: 927px; height: 258px}

.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 927px; height: 258px}

.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 840px; top:225px;}

.picshow_change img {width:15px; height: 15px; padding:0 !important;}

.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px;  -display: inline;line-height:15px; height:15px;}

a.axx { border-color: #555}

a.axx:hover {border-color: #000}

a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}

a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}

a.bxx { border-color: #000}

a.bxx:hover {border-color: #000}

img{

border:0px}