@import url("../../common/css/big_pic.css");
/************
 Public Style
 ************/
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, fieldset, img { margin:0; padding:0 }
body { background:#e5e5e5; font:12px/150% Arial, Helvetica, sans-serif; color:#333; text-align:center }
ul, ol { list-style:none }
fieldset, img { border:0 }
input, select, textarea { font:12px; vertical-align:middle }
a { color:#333; text-decoration:none }
a:hover { color:#333; text-decoration:underline }
.wrap { clear:both; width:970px; margin:0 auto; text-align:left; overflow:hidden; zoom:1;
}
.clear { clear:both }
.left { float:left }
.right { float:right }
.hidden { display:none }
/************
 Add Style
 ************/
#content .add_contact{ display:inline-block; overflow: hidden}
#content .add_contact{ display:block; clear:both; border:#e4e5e0 1px solid; background:#fafafa; padding:10px 20px; margin:10px 0 0 }
#content .add_contact li{ display:inline-block; overflow:hidden;}
#content .add_contact li { display:block; padding:3px 0; vertical-align:bottom; overflow:hidden; zoom:1;
}
#content .add_contact li a { color:#8F8E7A; text-decoration:none; word-wrap: break-word }
#content .add_contact li b { float:left; font-weight:normal; color:#8F8E7A }
#content .add_contact li span { float:left; color:#8F8E7A; word-wrap: break-word }
/************
 Back Head Style
 ************/
.green { color:#247F1E }
.yellow { color:#f60 }
#head .topOut { border-bottom:#D2D2D2 1px solid; background:url(../images/yello_bg.gif) repeat-x }
#head .topIn { clear:both; width:970px; height:31px; margin:0 auto; text-align:left }
#head .topIn .left { margin:4px 0 0 }
#head .topIn .right li { display:inline-block; padding:0 10px; line-height:31px; color:#666 }
#head .topIn .right li { *display:inline
}
#head .topIn .right li a { color:#333 }
#head .banner { clear:both; width:970px; height:120px; margin:0 auto; text-align:left; position:relative }
#head .banner .logo { background:url(../images/yello_bg.gif) -652px -125px no-repeat; padding:4px; color:#000; position:absolute; left:20px; top:20px }
#head .banner .logo img { margin:0 10px 0 0; vertical-align:middle }
#head .banner .logo a { line-height:80px; text-decoration:none }
#head .banner .logoA { float:left; display:inline; margin:20px 0 0 20px; background:url(../images/yello_bg.gif) -652px -125px no-repeat; padding:4px; color:#000; overflow:hidden;zoom:1; }
#head .banner .logoA img { display:inline-block; height:80px; margin:0 10px 0 0; vertical-align:middle }
#head .banner .logoA a { text-decoration:none;}
#head .banner .logoA b{ display:inline-block; zoom:1; vertical-align:middle; margin:0px; padding:0px; white-space:nowrap;}
#head .banner .logoA b a{font-family:"΢ÈíÑźÚ","ÐÂËÎÌå"; font-weight:bold; font-size:24px}
#head .banner .logoA b i{ display:inline-block; font-size:12px; margin-top:6px;font-style:normal; font-weight:normal; color:#a7a6a6; *margin-top:0px; *line-height:32px; }
#head .banner .tag { background:url(../images/yello_bg.gif) -819px -213px no-repeat; position:absolute; right:0; bottom:0 }
#head .banner .tag li { display:inline-block; padding:0 30px 0 20px }
#head .banner .tag li { *display:inline
}
#head .banner .tag li.homepage { background:url(../images/yello_bg.gif) -652px -229px no-repeat }
#head .banner .tag li.favorite { background:url(../images/yello_bg.gif) -652px -259px no-repeat }
/************
 Main Style
 ************/
#main { clear:both; width:970px; margin:0 auto; text-align:left; overflow:hidden; zoom:1;
}
.topBorder { clear:both; height:8px; margin:10px 0 0; background:url(../images/yello_bg.gif) 0 -107px no-repeat; overflow:hidden }
.middleBorder { border-left:#D9D9CF 1px solid; border-right:#D9D9CF 1px solid; background:#fdfdfd url(../images/content_bg.gif) left bottom repeat-x; padding:0 8px; overflow:hidden; zoom:1;
}
.bottomBorder { clear:both; height:8px; background:url(../images/yello_bg.gif) 0 -116px no-repeat; overflow:hidden }
.border { clear:both; height:8px; background:url(../images/yello_bg.gif) 0 -1159px no-repeat; overflow:hidden }
.indexBar { clear:both; padding:10px 25px 0; overflow:hidden; zoom:1;
}
.indexBar a { color:#007AC7 }
.indexBar b { float:left; color:#007AC7 }
.indexBar span { float:right }
.indexCon { padding:10px 20px }
.search { height:29px; background:url(../images/yello_bg.gif) right -382px no-repeat; margin:10px 0 0; padding:8px 0 0 12px }
.search input.text { width:165px; border:none; background:none; color:#8E9069 }
.search input.btn { margin:0 0 0 10px }
#nav { height:39px; background:url(../images/yello_bg.gif) 0 -32px no-repeat }
#nav ul { height:39px }
#nav li { float:left; background:url(../images/yello_bg.gif) right -290px no-repeat; padding:3px 0 0 }
#nav li.n { background:none }
#nav li a { float:left; width:52px; padding:0 16px; line-height:36px; font-weight:bold; color:#007AC7; text-align:center }
#nav li a.s { background:url(../images/yello_bg.gif) -643px -293px no-repeat; padding:0 26px }
#location { clear:both; height:35px; background:url(../images/yello_bg.gif) 0 -71px no-repeat; padding:0 18px; line-height:35px; color:#5D5145 }
#location a { color:#5D5145 }
#indexContent { margin:10px 0 0; overflow:hidden; zoom:1;
}
#indexContent .left { width:690px }
#indexContent .left .about { height:239px; background:url(../images/yello_bg.gif) 0 -1168px no-repeat; margin:10px 0 0 }
#indexContent .left .about .indexCon { overflow:hidden; zoom:1;
}
#indexContent .left .about .indexCon .pic { float:left; width:232px }
.weixin{ position:relative; width:232px; height:174px;}
.weixin p{position: absolute; bottom:3px; right:5px;  z-index:2;background:url(../../common/images/bg1.gif); width:76px; height:76px;}
.weixin p img{ margin:1px 0 0 1px; width:72px; height:72px;}
#indexContent .left .about .indexCon .txt { float:right; width:331px; color:#5D5942; text-indent:2em }
#indexContent .left .about .indexCon .txt a { color:#5D5942; text-decoration:none }
#indexContent .left .about .indexCon .txt span { display:block; margin:40px 40px 0 0; text-align:right }
#indexContent .left .about .indexCon .txt span a { color:#47A3DE }
#indexContent .right { width:252px }
#indexContent .right .contact { margin:10px 0 0 }
#indexContent .right .contact p { background:url(../images/yello_bg.gif) right -420px no-repeat; padding:0 10px; line-height:27px; color:#4D4835 }
#indexContent .right .contact ul { padding:5px 10px }
#indexContent .right .contact li { width:100%; margin:5px 0; vertical-align:bottom; overflow:hidden; zoom:1;
}
#indexContent .right .contact li a { color:#8F8E7A; text-decoration:none; word-wrap: break-word }
/*#indexContent .right .contact li b { float:left; width:60px; font-weight:normal; color:#8F8E7A; text-align:right; }
#indexContent .right .contact li span { float:right; width:170px; color:#8F8E7A; word-wrap: break-word }*/
#indexContent .right .contact li b { float:left; font-weight:normal; color:#8F8E7A }
#indexContent .right .contact li span { float:left; color:#8F8E7A; word-wrap: break-word }
#productRecommended { float:left; display:inline; width:777px; height:296px; background:url(../images/yello_bg.gif) 0 -495px no-repeat }
#productRecommended .indexCon ul { padding:0 56px 0 0; overflow:hidden; zoom:1;
}
#productRecommended .indexCon li { float:left; display:inline; width:198px; border-top:#E7E7E7 1px solid; border-right:#E7E7E7 1px solid; padding:14px; vertical-align:bottom; position:relative; word-wrap: break-word }
#productRecommended .indexCon li.n { border-right:none }
#productRecommended .indexCon li img { float:left; border:#e5e5e5 4px solid; margin:0 10px 0 0 }
#productRecommended .indexCon li span { display:inline-block; position:absolute; right:30px; bottom:20px }
#productRecommended .indexCon li span { *display:inline
}
#productRecommended .indexCon li span a { color:#47A3DE; white-space:nowrap }
#indexMenu { float:right; width:175px; height:296px; background:url(../images/yello_bg.gif) -777px -495px no-repeat }
#indexMenu ul { padding:8px 10px }
#indexMenu li { border-bottom:#E7E7E7 1px solid; background:url(../images/yello_bg.gif) -647px -338px no-repeat; padding:4px 24px }
#indexMenu li.n { border:0 }
#info .bar { border-bottom:#CDCDCD 1px solid; background:url(../images/yello_bg.gif) -885px -256px no-repeat; padding:5px 25px }
#info .con { background:url(../images/line.gif) center center repeat-y; margin:5px 0 0; padding:10px 20px; overflow:hidden; zoom:1;
}
#info .con div { width:433px }
#info .con p { background:url(../images/yello_bg.gif) 0 -466px no-repeat; padding:5px 0 }
#info .con li { margin:10px 0; color:#999; overflow:hidden; zoom:1;
}
#info .con li b { float:left; width:80px; font-weight:normal; text-align:right }
#info .con li span { float:right; width:300px }
#content { margin:10px 0 0; overflow:hidden; zoom:1;
}
#content .bar { clear:both; height:25px; *height:23px;
background:url(../images/yello_bg.gif) 0 -1125px no-repeat; margin:10px 0 0; padding:8px 25px 0; *padding:10px 25px 0;
line-height:25px; *line-height:23px
}
#content .bar a { color:#007AC7 }
#content .bar b { float:left; color:#007AC7 }
#content .bar span { float:right }
#content .con { clear:both; border-left:#E4E4E4 1px solid; border-right:#E4E4E4 1px solid; background:#FDFDFD; padding:4px 20px; overflow:hidden; zoom:1;
}
#content .con table { border-collapse:collapse }
#content .con th { border:#E9E9E9 1px solid; background:#f9f9f9; padding:10px 20px; font-weight:normal }
#content .con td { border:#E9E9E9 1px solid; padding:10px 20px }
#content .con td a { color:#47A3DE }
#content .left { width:690px }
#content .productDetail .pic { overflow:hidden; zoom:1;
}
#content .productDetail .pic .left { width:233px }
#content .productDetail .pic .left a { cursor: url(http://style.stonebuy.com/member/V1/images/icon_zoom_in.cur) }
#content .productDetail .pic .left .grayBorder { border:#ECECEC 2px solid }
#content .productDetail .pic .right { width:405px }
#content .productDetail .pic .right p { background:#F2F2F2; padding:5px 10px }
#content .productDetail .pic .right ul { padding:10px; color:#666 }
#content .productDetail .pic .right ul a { color:#666; text-decoration:none }
#content .productDetail .txt .subBar { background:#F4F4F4; padding:5px 10px; margin:10px 0 0; overflow:hidden; zoom:1;
}
#content .productDetail .txt .subBar b { float:left; font-weight:normal }
#content .productDetail .txt .subBar span { float:right }
#content .productDetail .txt .subCon { padding:10px; color:#666; text-indent:2em }
#content .productDetail .txt .subCon a { color:#666; text-decoration:none }
#content .productList ul { overflow:hidden; zoom:1;
}
#content .productList li { float:left; display:inline; width:185px; background:#f9f9f9; padding:10px; margin:5px; vertical-align:bottom; position:relative; word-wrap: break-word }
#content .productList li img { float:left; border:#e5e5e5 4px solid; margin:0 10px 0 0 }
#content .productList li span { display:inline-block; position:absolute; left:115px; bottom:20px }
#content .productList li span { *display:inline
}
#content .productList li span a { color:#999 }
#content .picDetail { padding:20px; color:#666; text-align:center }
#content .picDetail b { color:#257900 }
#content .picDetail a { font-weight:bold; color:#EB8C10; cursor:url(http://style.stonebuy.com/member/V1/images/icon_zoom_out.cur) }
#content .trade li { margin:20px 0; overflow:hidden; zoom:1;
}
#content .trade li .left { width:111px; border:#f5f5f5 4px solid; padding:1px; text-align:center }
#content .trade li .right { width:509px; color:#666 }
#content .trade li .right h1 { line-height:200%; font-size:12px; color:#D4A013 }
#content .trade li .right h1 a { color:#D4A013 }
#content .trade li .right h1.s { color:#4BA80D }
#content .trade li .right h1.s a { color:#4BA80D }
#content .trade li .right h2 { background:#F4F4F4; padding:0 10px; margin:5px 0; line-height:200%; font-weight:normal; font-size:12px; overflow:hidden; zoom:1;
}
#content .trade li .right h2 b { float:left; font-weight:normal }
#content .trade li .right h2 span { float:right }
#content .trade li .right h3 { font-weight:normal; font-size:12px }
#content .trade li .right h4 { font-weight:normal; font-size:12px }
#content .trade p { border-top:#e5e5e5 1px solid; padding:20px; color:#666 }
#content .trade p a { color:#666; text-decoration:none }
#content .trade p span { display:block; padding:40px 20px; text-align:right }
#content .contact p { padding:10px 0; font-weight:bold; text-align:center }
#content .contact li { border-bottom:#E2E2E2 1px solid; border-top:#fff 1px solid; background:#F6F6F6; padding:10px; vertical-align:bottom; overflow:hidden; zoom:1;
}
#content .contact li b { float:left; width:120px; font-weight:normal; color:#666; text-align:right }
#content .contact li span { float:right; width:421px; color:#666 }
#content .contact li span a { color:#666; text-decoration:none }
#content .contact li span img{ border:solid 1px #eee; padding:2px;}
#content .aboutus { line-height:200%; color:#666 }
#content .aboutus a { color:#666; text-decoration:none }
/*#content .aboutus p { float:left; background:url(../images/yello_bg.gif) -732px -621px no-repeat; padding:0 0 15px; margin:10px }*/
#content .aboutus .fr{ float:left; background:url(../images/yello_bg.gif) -732px -621px no-repeat; padding:0 0 15px; margin:10px }
#content .aboutus h1 { clear:both; border-top:#e5e5e5 1px solid; padding:10px; font-size:12px; font-weight:normal }
#content .aboutus h1 img{ vertical-align:top; border:solid 1px #eee; padding:2px;}
#content .photo ul { overflow:hidden; zoom:1;
}
#content .photo li { float:left; width:33.2%; margin:10px 0; vertical-align:bottom; text-align:center }
#content .photo li img { display:block; border:#F0F0F0 1px solid; padding:1px; margin:0 auto }
#content .photo li b { font-weight:normal }
#content .job p { padding:20px 10px 5px; overflow:hidden; zoom:1;
}
#content .job p b { float:left }
#content .job p b font { font-weight:normal }
#content .job p span { float:right }
#content .jobDetail p { background:#F4F4F4; border-bottom:#fff 1px solid; padding:5px 10px; margin:5px 0 0 }
#content .jobDetail th { text-align:right; vertical-align:top }
#content .feedback p { background:#F4F4F4; border-bottom:#fff 1px solid; padding:5px 10px; margin:5px 0 0 }
#content .feedback th { text-align:right; vertical-align:top }
#content .merchandise input { color:#999 }
#content .productPriceDetail th { background:none; color:#47A3DE; text-align:right; vertical-align:top }
#content .video { text-align:center }
#content .video b { display:block; margin:10px; font-weight:normal; color:#666 }
#content .case li { float:left; width:33.2%; margin:10px 0; vertical-align:bottom; text-align:center }
#content .case li img { display:block; border:#f5f5f5 5px solid; margin:0 auto }
#content .case li b { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /* for IE */ -o-text-overflow: ellipsis; /* for Opera */ -icab-text-overflow: ellipsis; /* for iCab */ -khtml-text-overflow: ellipsis; /* for Konqueror Safari */ -moz-text-overflow: ellipsis; /* for Firefox,mozilla */ -webkit-text-overflow: ellipsis; /* for Safari,Swift*/ font-weight:normal }
#content .case li a:hover img { border:#e5e5e5 5px solid }
#content .certificate li { padding:10px; overflow:hidden; zoom:1;
}
#content .certificate li.s { background:#f5f5f5 }
#content .certificate li .left { width:120px }
#content .certificate li .right { width:391px }
#content .certificate li .right h1 { line-height:200%; font-weight:normal; font-size:12px; color:#D4A013 }
#content .certificate li .right h1 a { color:#D4A013 }
#content .certificate li .right h2 { line-height:200%; font-weight:normal; font-size:12px; color:#333 }
#content .certificate li .right h2 a { color:#333 }
#successful { height:150px; border:#E8E8E8 1px solid; background:#F9FAFB url(../images/Successful.gif) 45% 40% no-repeat; padding:200px 0 0; margin:10px 0 0; text-align:center }
#successful a { color:#666; text-decoration:underline }
#content .right { width:252px }
.menu { background:url(../images/yello_bg.gif) right -448px no-repeat; padding:46px 0 0; margin:10px 0 0 }
.menu ul { border:#E4E5E0 1px solid; background:#FAFAFA; padding:10px 20px }
.menu li b { display:block; border-bottom:#E7E7E7 1px solid; background:url(../images/yello_bg.gif) -647px -338px no-repeat; padding:4px 24px; font-weight:normal; zoom:1 }
.menu li b a.onlink { color:#007AC7 }
.menu ul ul { border:0; background:none; padding:5px 0 }
.menu li li { background:url(../images/yello_bg.gif) -891px -339px no-repeat; padding:4px 24px }
.menu li li a { color:#656565 }
/************
 Foot Style
 ************/
#foot { clear:both; width:970px; padding:20px 0; margin:0 auto; line-height:24px; text-align:left; color:#666; overflow:hidden; *display:inline-block }
#foot a { color:#666 }
#foot .footLeft { float:left; width:260px; height:72px; background:url(../images/foot_company.gif) 67px 6px no-repeat; border-right:#ccc 1px solid}
#foot .footMiddle { float:left; display:inline; width:560px; padding:0 0 0 20px; font-family:"ËÎÌå" }
#foot .footMiddle li { height:14px; padding:5px 0; line-height:14px; vertical-align:bottom }
#foot .footMiddle li img { vertical-align:middle }
#foot .footRight { float:right; display:inline; padding:30px 10px 0px 0px }
#foot .footRight a { font-weight:bold; color:#444 }
/************
 Page Style
 ************/
.newPage { clear:both; padding:20px 0; font-size:12px; font-family:Tahoma, Verdana, Simsun, Microsoft YaHei, Arial Unicode MS, Mingliu, Arial, Helvetica; color:#555; text-align:center }
.newPage select { vertical-align:bottom }
.newPage span, .newPage a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; line-height:160%; color:#555; vertical-align:middle }
.newPage span, .newPage a { *display:inline
}
.newPage a:hover, .newPage a.ondown, .newPage span.ondown { border:#9CCC3D 1px solid; background:#9CCC3D; color:#fff }
/************
 PicRolling Style
 ************/
.picRolling { height:129px; background:url(../images/yello_bg.gif) 0 -964px no-repeat; padding:13px 10px; overflow:hidden; }
.picRolling .picRollingLeftBotton { float:left; display:inline; width:7px; height:14px; background:url(../images/yello_bg.gif) -624px -792px no-repeat; margin:50px 11px 0 0 }
.picRolling .picRollingRightBotton { float:right; display:inline; width:7px; height:14px; background:url(../images/yello_bg.gif) -632px -792px no-repeat; margin:50px 0 0 11px }
.picRolling .picRollingConOut { float:left; display:inline; width:624px; border:#eee 1px solid; padding:10px 4px; overflow:hidden }
.picRolling .picRollingConIn { width:20000px }
.picRolling #List1_1 { float:left }
.picRolling #List2_1 { float:left }
.picRolling .pl { float:left; display:inline; width:90px; margin:0 7px; color:#535353; text-align:center }
.picRolling .pl img { display:block; width:83px; border:#E6E6E6 1px solid; padding:2px; margin:0 0 2px }
.picRolling .pl b { display:block; background:#F4F4F4; font-weight:normal }
/* 2011-1-29 154 add */
.book_list{}
.book_list dl,.book_list dt,.book_list dd{ margin:0px; padding:0px; overflow:hidden;}
.book_list dl{ float:left;display:inline; width:110px;}
.book_list dt a img{ display:block; width:100px; height:73px; border: solid 5px  #f0f0f0; padding:0px; margin:0px;}
.book_list dt a:hover img{ border-color:#d3d3d3}
.book_list dd{text-align:center}
.book_list dd a{ display:block;background:none; padding:5px;}
#content .book_list {  padding:10px 0px;}
.book_list dl{ margin:22px 21px 0px 22px;}
.Fla{ clear:both; display:block;}
/*barcode*/
.barcode{ padding:5px 10px;}
.barcode ul{ padding:15px 0 15px;}
.barcode li{ width:25%; text-align:center; float:left;}
.barcode li img{ width:120px; height:120px;padding:4px; border:1px solid #ccc;}
.barcode li p{ line-height:22px;}