@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:#CFBE7F; 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:950px; margin:0 auto; text-align:left; overflow:auto; *display:inline-block
}
.clear { clear:both }
.left { float:left }
.right { float:right }
.hidden { display:none }
/************
 Back Head Style
 ************/
.green { color:#247F1E }
.yellow { color:#f60 }
#head .topOut { border-bottom:#D2D2D2 1px solid; background:url(../images/red_bg.gif) repeat-x }
#head .topIn { clear:both; width:950px; 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 .bottomOut { background:url(../images/red_bg.gif) 0 -507px repeat-x }
#head .bottomIn { clear:both; width:950px; height:183px; background:url(../images/red_bg.gif) 0 -32px no-repeat; margin:0 auto; padding:0 5px; text-align:left }
#head .bottomIn .banner { height:110px; position:relative }
#head .bottomIn .banner .left { line-height:50px; color:#fff; position:absolute; left:15px; top:15px }
#head .bottomIn .banner .left a { color:#fff; text-decoration:none }
#head .bottomIn .banner .left img { margin:0 10px 0 0; vertical-align:middle }
#head .bottomIn .banner .left b { display:inline-block; background:url(../images/red_bg.gif) 0 -219px no-repeat }
#head .bottomIn .banner .left b { *display:inline}
#head .bottomIn .banner .leftA{padding:15px 0 0 15px;}
#head .bottomIn .banner .leftA a{color:#fff;}
#head .bottomIn .banner .leftA a img{ display:inline-block;zoom:1;vertical-align:middle;margin-right:10px;}
#head .bottomIn .banner .leftA b{display:inline-block;zoom:1;vertical-align:middle;}
#head .bottomIn .banner .leftA b a{font-size:34px; font-family:"ºÚÌå"; font-weight:bolder;zoom:1;filter:DropShadow(Color="#587E93", OffX="1", OffY="2", Positive="1"); overflow:hidden; line-height:38px;}
#head .bottomIn .banner .leftA b i{ display:inline-block; zoom:1; margin-top:6px;font-size:12px; font-weight:normal;font-style:normal;color:#999; white-space:nowrap; text-indent:5px;}
#head .bottomIn .banner .right { position:absolute; right:15px; top:9px }
#head .bottomIn .banner .right li { float:left; display:inline; margin:0 0 0 25px }
#head .bottomIn .nav ul { height:35px }
#head .bottomIn .nav li { float:left; width:74px; height:35px; vertical-align:bottom; text-align:center }
#head .bottomIn .nav li img { display:block; margin:11px auto 0 }
#head .bottomIn .nav li.s { background:url(../images/red_bg.gif) 0 -310px no-repeat }
#head .bottomIn .location { height:27px; padding:11px 20px 0 11px }
#head .bottomIn .location .left { font-family:"ËÎÌå"; color:#978F6C }
#head .bottomIn .location .left a { color:#978F6C }
#head .bottomIn .location .right input.text { width:160px; border:0; background:none }
#head .bottomIn .location .right input.btn { margin:0 0 0 20px }
/************
 Main Style
 ************/
#main,.Fla { clear:both; width:950px; background:url(../images/body_bg.gif) repeat-y; margin:0 auto; padding:10px 5px; text-align:left; overflow:auto; *display:inline-block
}
#left { float:left; display:inline; width:213px; margin:0 0 0 10px }
#left .bar { height:30px; background:url(../images/red_bg.gif) 0 -346px no-repeat }
#left .con { background:#474747; padding:10px; margin:0 5px 0 0 }
#left .con .menu a { color:#fff }
#left .con .menu a.onlink { color:#A6E01B }
#left .con .menu li { margin:2px 0 }
#left .con .menu li b { display:block; border:#7E7E7E 1px solid; background:#656565 url(../images/red_bg.gif) -290px -389px no-repeat; padding:2px 25px; font-weight:normal; zoom:1 }
#left .con .menu li li { background:url(../images/red_bg.gif) 0 -399px no-repeat; padding:2px 20px }
#left .con .menu ul { padding:5px }
#left .con .menu li li a { display:inline-block; background:#474747; padding:0 5px }
#left .con .menu li li a { *display:inline
}
#left .con .contact { border:#5C5C5C 1px solid; background:#222222; margin:10px 0 0 }
#left .con .contact li { background:url(../images/contact_bg.gif) center bottom no-repeat; padding:5px 10px 5px 5px; color:#8A8A8A; overflow:auto; *display:inline-block
}
#left .con .contact li.n { background:none }
#left .con .contact li a { color:#8A8A8A; word-wrap: break-word }
/*#left .con .contact li b { float:left; width:60px; text-align:right; font-weight:normal }
#left .con .contact li span { float:right; width:100px; word-wrap: break-word }*/
#left .con .contact li b { float:left; font-weight:normal }
#left .con .contact li span { display:block; overflow:hidden;zoom:1; word-wrap: break-word }
#right { float:right; display:inline; width:707px; margin:0 10px 0 0 }
#right .con { padding:10px 20px }
#right .con table { border-collapse:collapse }
#right .con th { border:#E9E9E9 1px solid; background:#f9f9f9; padding:10px 20px; font-weight:normal }
#right .con td { border:#E9E9E9 1px solid; padding:10px 20px }
#right .con td a { color:#FF6400 }
#right .bar { clear:both; background:url(../images/red_bg.gif) 0 -280px no-repeat; margin:10px 0 0; overflow:auto; *display:inline-block
}
#right .bar b { float:left; background:#fff; padding:0 5px 0 0; color:#D80000 }
#right .bar b a { color:#D80000 }
#right .bar span { float:right; background:#fff; padding:0 0 0 5px; color:#B2B29C }
#right .bar span a { color:#B2B29C }
#right .about { overflow:auto; *display:inline-block
}
#right .about .left { width:268px; border-right:#E4E4E4 1px solid; padding:0 20px 0 0 }
#right .about .left a { color:#959595 }
#right .about .left .flash { height:185px; background:url(../images/red_bg.gif) -645px -310px no-repeat; padding:11px 0 0 11px }
.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;}
#right .about .left .video { border:#EAEAEA 1px solid; background:#FCFCFC url(../images/red_bg.gif) -280px -306px no-repeat; padding:5px 0 5px 50px; *padding:6px 0 4px 50px;
margin:10px 0 0; text-align:left }
#right .about .left .picture { border:#EAEAEA 1px solid; background:#FCFCFC url(../images/red_bg.gif) -280px -349px no-repeat; padding:5px 0 5px 50px; *padding:6px 0 4px 50px;
margin:10px 0 0 }
#right .about .right { width:358px; line-height:200%; color:#464330 }
#right .about .right a { color:#464330; text-decoration:none }
#right .about .right b { display:block; margin:0 0 20px; color:#D80000 }
#right .about .right b a { color:#D80000; text-decoration:underline }
#right .about .right span { display:block; margin:40px 20px; color:#B8B8B8; text-align:right }
#right .about .right span a { color:#B8B8B8; text-decoration:underline }
#right .productList ul { overflow:auto; *display:inline-block
}
#right .productList li { float:left; display:inline; width:189px; border:#F1F0EA 1px solid; background:#FBFAF6; padding:10px; margin:5px; vertical-align:bottom; position:relative; word-wrap: break-word }
#right .productList li img { float:left; border:#e5e5e5 4px solid; margin:0 10px 0 0 }
#right .productList li span { display:inline-block; position:absolute; left:115px; bottom:20px }
#right .productList li span { *display:inline
}
#right .productList li span a { color:#999 }
#right .info { background:url(../images/line.gif) center center repeat-y; overflow:auto; *display:inline-block
}
#right .info div { width:323px }
#right .info p { border:#F1F0EA 1px solid; background:#FBFAF6; padding:5px 10px }
#right .info li { background:url(../images/dline.gif) 0 bottom repeat-x; padding:5px 0; color:#999; overflow:auto; *display:inline-block
}
#right .info li b { float:left; width:80px; font-weight:normal; text-align:right }
#right .info li span { float:right; width:210px }
#right .productPriceDetail th { background:none; color:#FF6400; text-align:right; vertical-align:top }
#right .productDetail .pic { overflow:auto; *display:inline-block
}
#right .productDetail .pic .left { width:233px }
#right .productDetail .pic .left a { cursor: url(http://style.stonebuy.com/member/V1/images/icon_zoom_in.cur) }
#right .productDetail .pic .left .grayBorder { border:#ECECEC 2px solid }
#right .productDetail .pic .right { width:404px }
#right .productDetail .pic .right p { background:#F2F2F2; padding:5px 10px }
#right .productDetail .pic .right ul { padding:10px; color:#666 }
#right .productDetail .pic .right ul a { color:#666; text-decoration:none }
#right .productDetail .txt .subBar { background:#F4F4F4; padding:5px 10px; margin:10px 0 0; overflow:auto; *display:inline-block
}
#right .productDetail .txt .subBar b { float:left; font-weight:normal }
#right .productDetail .txt .subBar span { float:right }
#right .productDetail .txt .subCon { padding:10px; color:#666; text-indent:2em }
#right .productDetail .txt .subCon a { color:#666; text-decoration:none }
#right .picDetail { padding:20px; color:#666; text-align:center }
#right .picDetail b { color:#257900 }
#right .picDetail a { font-weight:bold; color:#EB8C10; cursor:url(http://style.stonebuy.com/member/V1/images/icon_zoom_out.cur) }
#right .job p { padding:20px 10px 5px; overflow:auto; *display:inline-block
}
#right .job p b { float:left }
#right .job p b font { font-weight:normal }
#right .job p span { float:right }
#right .job th { background:none; color:#FF6400; text-align:right; vertical-align:top }
#right .jobDetail p { padding:10px; font-weight:bold; text-align:center }
#right .jobDetail th { text-align:right; vertical-align:top }
#right .photo ul { overflow:auto; *display:inline-block
}
#right .photo li { float:left; width:33.2%; margin:10px 0; vertical-align:bottom; text-align:center }
#right .photo li img { display:block; border:#F0F0F0 1px solid; padding:1px; margin:0 auto }
#right .photo li b { font-weight:normal }
#right .aboutus { line-height:200%; color:#666 }
#right .aboutus a { color:#666; text-decoration:none }
/*#right .aboutus p { float:right; width:268px; height:185px; background:url(../images/red_bg.gif) -645px -310px no-repeat; padding:11px 0 0 11px; margin:10px }*/
#right .aboutus .fr{ float:right; width:268px; height:185px; background:url(../images/red_bg.gif) -645px -310px no-repeat; padding:11px 0 0 11px; margin:10px }
#right .aboutus h1 { clear:both; border-top:#e5e5e5 1px solid; padding:10px; font-size:12px; font-weight:normal }
#right .aboutus h1 img{ vertical-align:top; border:solid 1px #eee; padding:2px;}
#right .contact p { padding:10px 50px; font-weight:bold; text-align:center }
#right .contact li { border-bottom:#E2E2E2 1px solid; border-top:#fff 1px solid; background:#F6F6F6; padding:10px; vertical-align:bottom;  overflow:hidden;zoom:1;}
#right .contact li b { float:left; clear:left; width:7em; padding:0 1em;font-weight:normal; color:#666; text-align:right }
#right .contact li span {color:#666 }
#right .contact li span a { color:#666; text-decoration:none }
#right .contact li span img{border:solid 1px #eee; padding:2px;}
#right .feedback p { background:#F4F4F4; border-bottom:#fff 1px solid; padding:5px 10px; margin:5px 0 0 }
#right .feedback th { background:none; color:#FF6400; text-align:right; vertical-align:top }
#right .merchandise input { color:#999 }
#right .trade li { margin:20px 0; overflow:auto; *display:inline-block
}
#right .trade li .left { width:111px; border:#f5f5f5 4px solid; padding:1px; text-align:center }
#right .trade li .right { width:528px; color:#666 }
#right .trade li .right h1 { line-height:200%; font-size:12px; color:#D4A013 }
#right .trade li .right h1 a { color:#D4A013 }
#right .trade li .right h1.s { color:#4BA80D }
#right .trade li .right h1.s a { color:#4BA80D }
#right .trade li .right h2 { background:#F4F4F4; padding:0 10px; margin:5px 0; line-height:200%; font-weight:normal; font-size:12px; overflow:auto; *display:inline-block
}
#right .trade li .right h2 b { float:left; font-weight:normal }
#right .trade li .right h2 span { float:right }
#right .trade li .right h3 { font-weight:normal; font-size:12px }
#right .trade li .right h4 { font-weight:normal; font-size:12px }
#right .trade p { border-top:#e5e5e5 1px solid; padding:20px; color:#666 }
#right .trade p a { color:#666; text-decoration:none }
#right .trade p span { display:block; padding:40px 20px; text-align:right }
#right .case li { float:left; width:33.2%; margin:10px 0; vertical-align:bottom; text-align:center }
#right .case li img { display:block; border:#f5f5f5 5px solid; margin:0 auto }
#right .case li b { font-weight:normal }
#right .case li a:hover img { border:#e5e5e5 5px solid }
#right .certificate li { padding:10px; overflow:auto; *display:inline-block
}
#right .certificate li.s { background:#f5f5f5 }
#right .certificate li .left { width:120px }
#right .certificate li .right { width:430px }
#right .certificate li .right h1 { line-height:200%; font-weight:normal; font-size:12px; color:#D4A013 }
#right .certificate li .right h1 a { color:#D4A013 }
#right .certificate li .right h2 { line-height:200%; font-weight:normal; font-size:12px; color:#333 }
#right .certificate li .right h2 a { color:#333 }
#right .video { text-align:center }
#right .video b { display:block; margin:10px; font-weight:normal; color:#666 }
#successful { height:150px; border:#E8E8E8 1px solid; background:#F9FAFB url(../images/Successful.gif) 45% 40% no-repeat; padding:200px 0 0; margin:0 10px; text-align:center }
#successful a { color:#666; text-decoration:underline }
/************
 Foot Style
 ************/
#foot { clear:both; width:950px; background:url(../images/body_bg.gif) repeat-y; padding:0 5px; margin:0 auto; line-height:24px; text-align:left; color:#999 }
#foot a { color:#999 }
#foot .nav { background:#bbb; padding:5px 0 3px; font-family:"ËÎÌå"; color:#333; text-align:center }
#foot .nav a { color:#333 }
#foot .copyright { background:#e5e5e5; padding:20px 0 10px; overflow:auto; *display:inline-block
}
#foot .footLeft { float:left; width:260px; height:72px; background:url(../images/foot_company.gif) 67px 6px no-repeat; border-right:#b5b5b5 1px solid}
#foot .footMiddle { float:left; display:inline; width:540px; 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 30px 0px 0px }
#foot .footRight a { font-weight:bold; color:#666 }
/************
 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.ondown, .newPage a:hover, .newPage span.ondown { border:#9CCC3D 1px solid; background:#9CCC3D; color:#fff }
/************
 PicRolling Style
 ************/
.picRollingOut { border:#E4E4E4 1px solid; padding:1px }
.picRollingOut .picRollingIn { height:130px; background:#FBFBFB; padding:10px }
.picRollingOut .picRollingLeftBotton { float:left; display:inline; width:25px; height:29px; background:url(http://style.stonebuy.com//member/V6/images/red_bg.gif) 0 -445px no-repeat; margin:40px 10px 0 0 }
.picRollingOut .picRollingRightBotton { float:right; display:inline; width:25px; height:29px; background:url(http://style.stonebuy.com//member/V6/images/red_bg.gif) -26px -445px no-repeat; margin:40px 0 0 9px }
.picRollingOut .picRollingConOut { float:left; display:inline; width:590px; border:#E7E7E7 1px solid; padding:10px; overflow:hidden }
.picRollingOut .picRollingConIn { width:20000px }
.picRollingOut #List1_1 { float:left }
.picRollingOut #List2_1 { float:left }
.picRollingOut .pl { float:left; display:inline; width:98px; margin:0 10px; color:#535353; text-align:center; overflow:hidden }
.picRollingOut .pl img { display:block; width:81px; border:#E6E6E6 1px solid; padding:2px; margin:0 auto 2px }
.picRollingOut .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;}
.book_list dl{ margin:26px 26px 0px 26px;}
.Fla{ padding-top:0px; padding-bottom:0px; overflow:hidden}

.charter{ position:relative;}
.charter .vb{ position:absolute; left:0; top:0;}
.charter .vb img{ width:50px;}
/*barcode*/
.barcode{ padding:5px 10px; width:930px; margin:0 auto; clear:both;}
.barcode .bar{ height:30px; line-height:30px; text-align:center; border-bottom:1px solid #E4E3D5; font-size:14px;}
.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;}