/****** Global Styles ******/
body { font-size: 12px; font-family: "宋体", Arial, "MS Gothic", "MS Sans Serif"; margin: 0px; padding: 0px;color:#000;}
table { font-family: "宋体", Arial, "MS Gothic", "MS Sans Serif"; font-size: 12px; }
td { word-break: break-all; }
tr{ vertical-align:top}
table{ width:100%;}
a:link, a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color:#000; }
img { vertical-align: middle; border: 0px none; max-width:100%; height:auto; }
hr { height: 1px; border: 0; border-top: 1px solid #CCCCCC; }
ul { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; }
li, p { margin: 0px; padding: 0px; }
.hide { display: none; }

ul.nl{ margin:0px; padding:0px; list-style:none;}
ul.nl li{ background:url(bullet2.gif) no-repeat 0 50%; line-height:17px; height:17px; padding-left:20px; }
ul.nl li.newsLine{background:url(dotLine2.gif) repeat-x top;overflow:hidden; height:5px;line-height:5px; }
.line{ background:url(dotLine.gif) repeat-x center; height:9px; overflow:hidden;}

/****** Form Controls Styles ******/
form { display: inline; }
input { font-family: Tahoma, Arial; font-size: 12px; }
input.text { height: 16px; padding: 1px; color: #000000; border: 1px solid #CCCCCC; background-color: #F9F9F9; }
input.button { height: 20px; color: #000000; border: 1px solid #999999; border-top: 1px solid #CCCCCC; border-left: 4px solid #CCCCCC; background: #FFFFFF; }
textarea { font-size: 12px; font-family: Tahoma, Arial; color: #000000; border: 1px solid #CCCCCC; background: #F9F9F9; height: 100px; width: 200px; }
select { font-size: 12px; font-family: Tahoma, Arial; color: #000000; background-color: #FFFFFF; }

/****** Main Layout Styles ******/
#wrapper { background:url(wrapper.gif) repeat-x top;}
#header { border-top:4px solid #c9c9c9;}
#innerHeader {width:981px; margin:0 auto; padding: 0px; }
#footer {width:100%; text-align:center; margin:0 auto; padding: 0px; clear:both;}
#innerFooter { }


/* bott menu */
#bottMenu {background:url(footer.gif) repeat-x; height:35px; line-height:35px; overflow:hidden;}
#bottMenu .l { background:url(footerL.gif) no-repeat 0 -1px; margin-left:20px; width:221px;}
#bottMenu .r { background:url(footerR.gif) no-repeat 0 -1px; width:221px; height:35px; margin-right:20px;}
#bottMenu .m { }
#bottMenu ul { margin: 0px; padding: 0px; }
#bottMenu li { display: inline; list-style: none; padding: 0px; margin:0 7px;}
#bottMenu a { color: #000;  text-align: left; display: inline; }

/* copyright */
#copyright {margin:0px ; padding:0px; margin-top:10px; line-height:17px;}
#copyright .l {display:none;}
#copyright .r {display:none;}
#copyright .m { }
#copyright a:link,#copyright a:visited { text-decoration: none; color: #fff; }
#copyright a:hover { text-decoration: underline; color:#fff; }

/* language menu */
#languageMenu {color: #FFFFFF;height: 20px; padding-right: 15px; }
#languageMenu ul { margin: 0px; padding: 0px; float: right; }
#languageMenu li { display: inline; list-style: none; padding:0 3px 0 0; margin:0 5px 0 0;}
#languageMenu a { color: #FFFFFF; line-height: 20px; }

/****** Header Elements Styles ******/
#websiteLogo {margin:10px 0; padding:0px;float: left; width:310px; }
#logo { }

/* header title */
#titleWrapper {float: left; display:none}
#titleWrapper .m {color: #FFFFFF; font-size: 26px; font-weight: bolder; font-family: "宋体", Arial, "MS Gothic", "MS Sans Serif"; margin: 0px; padding: 50px 25px 25px 55px;}
#titleWrapper .l { display:none}
#titleWrapper .r { display:none}

/* website description */
.website-desc { color: #FFFFFF; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; }

/* top menu */
#topMenu {float: right; background:url(tel.gif) no-repeat left center; padding-left:50px; line-height:20px; margin-top:40px;width:220px;}
#topMenu .m {color: #f80000;}
#topMenu .l { display:none}
#topMenu .r { display:none}
#topMenu ul{padding:12px 20px 0 6px;text-align: left;margin: 0px;}
#topMenu li{list-style: none;margin: 0px;padding: 0px;text-indent: 10px;}
#topMenu a{color: #f80000;line-height: 20px;}

/* main menu */
#menu { clear:both;width:981px; margin:0 auto; padding: 0px;height:31px; overflow:hidden;}
#menu .m {color: #FFFFFF; background:url(menu.gif) repeat-x 0 -31px; height:31px; padding-left:70px; line-height:31px; font-size:14px;}
#menu .l { background:url(menu.gif) no-repeat 0 0; width:10px; height:31px; margin-right:-3px;}
#menu .r { background:url(menu.gif) no-repeat 0 -62px; width:10px; height:31px; margin-left:-3px;}
#menu ul { margin: 0px; padding: 0px;list-style: none;}
#menu li {float: left; background:url(menu_separate.gif) no-repeat left center; padding:0 15px 0 18px;}
#menu a {color:#fff;}
#menu a:link, #menu a:visited { }
#menu a:hover {text-decoration:none; color:#CCC}
#menu ul li.thisPageFirst{ background:none;}
#menu ul li.thisPage,
#menu ul li.thisPage:link,
#menu ul li.thisPage:visited,
#menu ul li.thisPage:hover{ font-weight:bold;}

/****** Content Layout ******/
#mainWrapper { width:981px; margin:9px auto; padding: 0px;}

/* sidebar */
.sidebar { float: left; width: 220px; }
#innerSidebar { }
/* content */
.content { float: right; width: 100%; margin-left: -230px; }
#innerContent {margin-left: 230px; overflow: visible; width: 745px; }



/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear { border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; }

.panel-content ul { padding: 0px; margin: 0px; }
.panel-content li { padding: 0px; margin: 0px; }
#panelLink {}
.panel-content { padding-top: 10px; }
#panelLink .panel-content #picLink { float: left; width: 95px; }
#picLink ul { padding-right: 4px; padding-left: 5px; }
#picLink li { height: 40px;vertical-align: middle;}
#picLink img { height: 31px; width: 88px; }
#panelLink .panel-content #textLink { float: left; width: 80px; }
#textLink ul { padding-left: 4px; border-left: 1px solid #E2E8EE; }
#textLink li { height: 20px; }

/* user panel */
#panelUser .panel-content { height: 135px; }

/* user panel MemberLogin */
#panelUser .panel-content .memberLogin { margin: 5px; color: #666666; position: relative; }
#panelUser .panel-content .memberLoginBox { color: #666666; position: relative; margin-top: 15px; margin-right: 5px; margin-bottom: 5px; margin-left: 25px; }
.memberLogin td { height: 27px; }
.memberName, .password{ color: #666666; background:url(login_bg1.gif) no-repeat; width:97px; height:18px;border: none; }
.memberName, .password {}
.code {color: #666666; background:url(login_bg2.gif) no-repeat; width:60px; height:18px; border:none}
#panelUser .panel-content  { text-decoration: none; }
.code, .codeImg { vertical-align: middle; }
.loginBt { color: #000; background:url(login_btn.gif) no-repeat; width:41px; height:19px;border:none;text-align:center;line-height:19px;padding:0 0 1px 0;*padding:1px 0 0 1px;_padding:0 0 0 1px;}
.regMember{ color: #000; background:url(login_btn.gif) no-repeat; width:41px; height:19px;border:none; text-align:center; display:block; line-height:19px;padding:1px 0 0 0;*padding:0 0 0 1px;_padding:1px 0 0 1px;}
.LostPaw{ line-height:19px}
#loginForm{ margin:10px 0 0px 0px;}
#loginForm a{color: #000;}
#loginForm a:hover{ text-decoration:none;cursor:default;color: #000;}
#loginForm a:active{ display:block; margin-top:1px; margin-left:1px;color: #000;}



.loginErrorSummary { background-color: #FFFFCC; display: block; font-size: 12px; border: 1px solid #A0A0A0; padding: 10px; position: absolute; left: 116px; top: 100px; width: 120px; }
.memberLogin ul, .memberLoginBox ul, .loginErrorSummary ul { padding: 5px; }
.memberLogin li, .memberLoginBox li, .loginErrorSummary ul li { color: #999999; list-style: square inside; text-align:left }
.memberLoginBox { margin:10px 0 0 20px}
.loginBoxTitle { }
.loginName { }
.loginBoxLink { }
.editLink { }
.outLinkButton { }

/* Link panel */
#link{ text-align:center; padding-top:5px;}
#link ul { padding-right: 4px; padding-left: 5px; }
#link li { height: 40px; vertical-align: middle; margin-bottom:3px }
#link a{ line-height:40px;}
#link img { height: 31px; width: 88px; }
.panel-content ul { padding: 0px; margin: 0px; }
.panel-content li { padding: 0px; margin: 0px; }
#panelLink {}
.panel-content { padding-top: 10px; }
#panelLink .panel-content #picLink { float: left; width: 95px; }
#picLink ul { padding-right: 4px; padding-left: 5px; }
#picLink li { height: 40px;vertical-align: middle;}
#picLink img { height: 31px; width: 88px; }
#panelLink .panel-content #textLink { float: left; width: 80px; }
#textLink ul { padding-left: 4px; border-left: 1px solid #E2E8EE; }
#textLink li { height: 20px; }

/* vote panel */
#panelVote .panel-content { height: 165px; }
.votePanel { padding-top: 10px; padding-left: 15px; }
.voteTitle { color: #666666; margin-bottom: 2px; display: block; font-weight:bold }
.voteList { padding: 0px; display: block; margin-right: 0px; margin-bottom: 8px; margin-left: 10px; margin-top: 0px; }
.voteList input { }
.voteButtonBox { }
.voteButton{color: #000; background:url(login_btn.gif) no-repeat; width:41px; height:19px;border:none; text-align:center; display:block; line-height:19px;padding:0 0 1px 0;*padding:1px 0 0 1px;_padding:0 0 0 1px;}
.showButton {color: #000; background:url(login_btn.gif) no-repeat; width:41px; height:19px;border:none; text-align:center; display:block; line-height:19px;padding:0 0 1px 0;*padding:1px 0 0 1px;_padding:0 0 0 1px;}
.showPanel { padding: 10px;}
.showVoteTitle { }
.showVoteTitle .voteMsg { color: #999999;}
.showVoteList { margin:10px auto}
.showVoteList ul {list-style: square inside; margin:0px; padding:0px;}
.showVoteList ul li { color:#666666; height: 16px; }
.showVoteList ul li span { color: #666666; margin-left: 3px; }

/****** Defaul SinglePage Elements ******/
/* info Box */
.info { height: 170px; margin-bottom:10px; padding:0; width:100%}

.info .mm {line-height: 140%; text-indent: 2em; background: url(infoPic.gif) no-repeat 380px 8px; padding-right: 175px; color: #666666; }


/* noticenews */
.noticenews { margin-bottom: 15px; }
.noticenews .addTime { color: #666666; margin-left: 5px; }

.notice{ float: left; width: 49%;}

.notice li{ height: 20px; background: url(notice_li.gif) no-repeat left 2px; padding-left: 15px; }


.news li{ height: 20px; background: url(notice_li.gif) no-repeat left 2px; padding-left: 15px; }


/* product */

.productList {}
.productAlternating, .productItem {}
.productImage { text-align: center;margin:0; padding:0px}
.productImage a img { background:#fff;padding:2px;border:2px solid #f8edd7;margin:auto;display:block;_vertical-align:bottom;}
.productImage a:hover img{ background:#fff;padding:2px;border:1px solid #ff6e1f;}
.productText { line-height: 120%; }
.productClassName { }
.productName { font-weight:bold; text-align:center}
#productContent .productName { color: #FF0000; text-decoration: underline; text-align: center; display: block; margin-top: 10px; margin-bottom: 2px; }
.productNumber { }
.price { }
.productShortContent { display: none; }
.productNumberLabel { }
.priceLabel { }
.cartButton{ background:url(btn.gif) no-repeat; width:89px; height:20px; line-height:20px; padding-top:1px; overflow:hidden; border:none;color:#ff6e1f; text-align:center;text-indent:0; cursor:pointer}
.productNameBox { text-align:center; margin-top:10px;}
.productNumberBox, .priceBox {text-align:center; }
.cartButtonBox { padding-top: 5px; text-align: center; }

/* Firstpic */
.FirstpicList {overflow:hidden; width:100%;}
.FirstpicList{text-align:center; width:100%;}
.FirstpicList td{ width:20%}/* control td width */
.picImage{  padding:0px; margin:0;text-align:center;}
.picImage a img { background:#fff;padding:2px;border:2px solid #f8edd7;margin:auto;display:block;_vertical-align:bottom;}
.picImage a:hover img{ background:#fff;padding:2px;border:1px solid #ff6e1f;}
.picText{ margin-top:10px;}
.picClassName{}
.picTitle{ font-weight:bold;color: #FF0000;}
.picShortContent{}

/* product_Id */
.product_Id { line-height:20px;}
.product_Id .product_IdImg img{ width:124px; height:65px; border:1px solid #e2e2e2; padding:1px; margin:10px auto}
.product_Id .product_IdImg img:hover {border:1px solid #db0100;cursor:pointer}
.product_Id .product_IdTitle { font-weight:bold; margin-top:20px;}
.product_Id .product_IdContent{}

/* pic_Id */
.pic_Id { line-height:20px;}
.pic_Id .pic_IdImg{ float:left; margin-left:20px;_margin-left:10px; width:231px;}
.pic_Id .pic_IdImg img{ width:231px; height:119px;}
.pic_Id .pic_IdImg img:hover {cursor:pointer}
.pic_Id .pic_IdTitle { background:url(pic_idT.gif) no-repeat left center; padding-left:10px; float:right; width:75px; text-align:left;}
.pic_Id .pic_IdContent{ clear:right;padding-left:10px; float:right; width:75px; text-align:left;}
.pic_Id .pic_IdContent a{ color:#666; text-decoration:underline;}
.pic_Id ul{ list-style:none; margin:0; padding:0;}
.pic_Id ul li{ width:350px;}

/* SearchResults */
#searchResult{ margin:auto; }
#searchResult span.tt{ color:#ff0000}
.pageMenu{}
#superSearch{margin:auto; width:300px; }

.lframe { margin-bottom: 10px; background:url(panel.gif) no-repeat;padding:5px; clear:both}
.lframe .tm { height:34px; line-height:26px; overflow:hidden;}
.lframe .tl { display:none;}
.lframe .tr {display:none;}
.lframe span.tt{font-size: 12px; font-weight: bold; padding-left:10px}
.lframe .mm {}
.lframe .ml {display:none;}
.lframe .mr {display:none;}
.lframe .bm {display:none;}
.lframe .bl {display:none;}
.lframe .br {display:none;}

.lframe2 { margin-bottom: 10px; background:url(panel2.gif) no-repeat;padding:5px; clear:both}
.lframe2 .tm { height:34px; line-height:26px; overflow:hidden;}
.lframe2 .tl { display:none;}
.lframe2 .tr {display:none;}
.lframe2 span.tt{font-size: 12px; font-weight: bold; padding-left:10px}
.lframe2 .mm {}
.lframe2 .ml {display:none;}
.lframe2 .mr {display:none;}
.lframe2 .bm {display:none;}
.lframe2 .bl {display:none;}
.lframe2 .br {display:none;}

/*.lframe li{background:url(li_DotLine.gif) repeat-x top;overflow:hidden; height:26px;line-height:26px;}*/

/*控制列表项目以及分类日期显示*/
.lframe2 .mm2 ul {}
.lframe2 .mm2 li { background:url(li_DotLine.gif) no-repeat left center; padding-left:20px;line-height:26px; margin-top:5px;}
.lframe2 .mm2 span.className,.lframe2 .mm2 span.addTime{ display:none; }
.mframe .mm2{ padding-top:17px;}
.mframe .mm2 ul {}
.mframe .mm2 li { clear:both;background:url(li_DotLine.gif) no-repeat left center; padding-left:20px;line-height:26px; margin-top:5px;}
.mframe .mm2 span.className{ display:none; }
.mframe .mm2 span.addTime{ display:block;float:right;margin-right:8px;}

.mframe{}
.mframe .tm { background:url(notice.gif) repeat-x; height:22px; line-height:22px; overflow:hidden; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.mframe .tl {display:none;}
.mframe .ir {display:none;}
.mframe span.tt{ background:url(notice_span.gif) no-repeat; width:73px; height:22px; text-align:center; display:block; float:left; margin-left:10px;}
.mframe .mm {padding:10px }
.mframe .ml {display:none;}
.mframe .mr {display:none;}
.mframe .bm {display:none;}
.mframe .bl {display:none;}
.mframe .br {display:none;}
.mframe .mm li{ height: 20px; background: url(notice_li.gif) no-repeat left 2px; padding-left: 15px; }

.conL{ float:left; width:660px; overflow:hidden;}
.conL .contL{ float:left; width:282px;}
.conL .contR{ float:right; width:366px;}
.conR{ float:right; width:308px;}

.part3{ background:url(part3.gif) no-repeat; width:282px; height:164px;}
.part3 .tm{ height:30px; line-height:30px;}
.part3 span.tt{ font-weight:bold; padding-left:15px;}
.part3 .mm{}
.part3 .mm img{ width:231px; height:119px;}

.part4{ background:url(part4_2.gif) no-repeat; width:366px; height:164px;}
.part4 .tm{ height:30px; line-height:30px;}
.part4 span.tt{ font-weight:bold; padding-left:15px;}
.part4 .mm{}
.part4 .mm img{ width:231px; height:119px;}

.part5{ background:url(part5.gif) no-repeat; width:310px; height:195px; margin-top:10px;}
.part5 .contL{ float:left; width:163px;}
.part5 .contL .tm{ height:27px; line-height:30px;}
.part5 .contL span.tt{ color:#c0000b; font-weight:bold; padding-left:10px;}
.part5 .contL .mm{}
.part5 .contL .mm ul{ list-style:none; padding:0; margin:0;}
.part5 .contL .mm ul li{ display:block; height:83px; line-height:83px; clear:both;}
.part5 .contL .mm ul li img{ margin:10px auto;}
.part5 .contL .mm ul li span{ font-weight:bold; display:block; width:60px; float:left; margin-left:8px; _margin-left:5px;cursor:pointer;}

.part5 .contR{ float:right; width:146px;}
.part5 .contR .tm{height:27px; line-height:30px;}
.part5 .contR span.tt{ font-weight:bold; padding-left:10px;}
.part5 .contR .mm{ padding:10px; text-align:center}
.part5 .contR .mm ul{ list-style:none; margin:0; padding:0;}
.part5 .contR .mm ul li{ line-height:20px; margin:3px auto}
.part5 .contR .mm ul li img{ display:none;}

/*RotateImage*/
.RotateImage img{ width:308px; height:173px;}
div.MzRotateImage_ControlBar{z-index:2; margin-top: -22px; text-align: right; position: relative;}
div.MzRotateImage_ControlBar input{width: 18px; height: 22px; color: #fff; cursor: pointer; text-align: center; background: #000; border: solid 1px #fff; border-right:none;}
div.MzRotateImage_ControlBar input.active{background-color: #cc0000; vertical-align:top}
.MzRotateImage .active h3{ display:none;}
/*RotateImage*/

.more{float:right; margin-top:4px; margin-right:5px;}
.pack {overflow:hidden;}
.tm{ overflow:hidden;}
.tl, .bl{ float:left;}
.tr, .br{ float:right;}
.ml, .l{ float:left;padding-bottom:10000px;margin-bottom:-10000px;}
.mr, .r{ float:right;padding-bottom:10000px;margin-bottom:-10000px;}