/************************************************
Author: chinasspp.com, Leanne.Liu
*************************************************/

@import url('public.css');

#b_new { margin: 0 auto; width: 1000px; overflow: hidden; }
.b_new { margin: 0 auto; display: block; padding: 10px 21px 15px 67px; width: 912px; background: url(../images/shadow.jpg) left bottom repeat-x; border-top: 1px solid #E6E6E6; }
.b_new .move { width: 912px; height: 70px; overflow: hidden; }
.b_new ul { float: left; display: inline-block; }
.b_new li { float: left; display: inline; margin: 0 12px; width: 90px; overflow: hidden; }
.b_new li a { display: inline-block; width: 90px; height: 70px; line-height: 30px; text-align: center; overflow: hidden; }
.b_new li a img { height: 40px; }
.b_new li a span { display: inline-block; width: 60px; height: 40px; line-height: 40px; font-size: 16px; font-family: "΢ÈíÑźÚ"; text-align: center; overflow: hidden; }
.b_new li a:hover { color: #977746; }
.b_new li a:hover span { color: #666; }
.b_new_m { float: left; display: block; width: 1000px; }
.b_new_m b, .b_new_m span { float: left; position: absolute; display: block; margin-top: 7px; height: 72px; background-color: #FFF; text-align: center; overflow: hidden; }
.b_new_m b { padding: 0 10px; width: 20px; line-height: 18px; border-right: 1px solid #E6E6E6; color: #000; font-size: 16px; font-weight: normal; }
.b_new_m span { margin-left: 41px; padding: 0 2px; width: 25px; line-height: 72px; }
.b_new_m span.next { float: right; margin-left: 971px; }
.b_new_m span i { color: #000; font-size: 22px; font-weight: bold; cursor: pointer; }
.b_new_m span i.disabled { color: #E6E6E6; cursor: auto; }

/* SIFT */
#sift, #check, .order { margin: 0 auto; width: 998px; line-height: 40px; background-color: #FFF; border: 1px solid #E6E6E6; overflow: hidden; }
#sift, .order { border-top: none; }
#sift { border-bottom: none; }
#check i, .order i { display: inline-block; padding-right: 10px; width: 75px; text-align: right; }
#check i { font-weight: bold; color: #000; }
#check a.uline { text-decoration: underline; }
.order i { color: #BBB; }

#sift p { display: inline-block; margin-bottom: 0; padding: 0 10px; width: 978px; border-bottom: 1px solid #E6E6E6; }
#sift p i { float: left; display: inline-block; padding-right: 10px; width: 70px; color: #BBB; text-align: right; }
#sift p a { padding: 5px; }
#sift p a.current { background-color: #977746; color: #FFF; }
#sift p span { display: inline-block; width: 880px; }
#sift p.indent { padding: 0 50px 0 90px; width: 880px; }
#sift p.letters a { display: inline-block; margin-top: 7px; margin-right: 5px; padding: 0; width: 18px; height: 18px; line-height: 20px; border: 1px solid #E6E6E6; font-family: Arial, Geneva; text-align: center; }
.sift_more { float: left; width: 100%; position: relative; top: -6px; margin-bottom: -39px; }
.sift_more .open, .sift_more .close { display: block; margin: 0 auto; width: 33px; height: 18px; cursor: pointer; overflow: hidden; text-indent: -1000px; }
.sift_more .open { background: url(../images/icon.gif) -143px top no-repeat; }
.sift_more .close { background: url(../images/icon.gif) -220px top no-repeat; }

#check span { display: inline-block; padding: 2px 2px 2px 5px; width: auto; line-height: 15px; border: 1px solid #DDC799; color: #000; text-align: left; }
#check span a { display: inline-block; margin-left: 5px; padding: 0; width: 15px; height: 15px; line-height: 15px; background-color: #977746; color: #FFF; text-align: center; }
#check span b { font-weight: normal; }
#check form { float: right; display: block; padding: 8px; }
#check form input { float: left; display: block; border: 1px solid #E6E6E6; outline: none; }
#check form .key { padding: 5px; width: 250px; height: 13px; border-right: none; }
#check form .btn { width: 25px; height: 25px; line-height: 100px; background: url(../images/icon.gif) 3px -95px no-repeat #FFF; cursor: pointer; overflow: hidden; }

.order { margin-bottom: 20px; background-color: #F3F3F3; }
.order a { margin-right: 10px; padding: 5px 10px 5px 0; background: url(../images/icon.gif) right -33px no-repeat; }
.order a:hover, .order a.current { background: url(../images/icon.gif) right -63px no-repeat; color: #977746; }
.order span { float: right; padding: 0 10px; color: #000; }
.order span a, .order span a:hover { margin: 0 0 0 5px; padding: 5px 7px; background-image: none; background-color: #BCBCBC; color: #000; }
.order span a.disabled, .order span a.disabled:hover { background-color: #E6E6E6; color: #BCBCBC; }

/* LEFT */
#container .l { float: left; width: 742px; overflow: hidden; }

#container #l_title { margin-bottom: 20px; padding: 10px 5px; border-top: 3px solid #977746; border-bottom: 1px solid #EAEAEA; }
#container #l_title h1 { display: inline-block; margin: 0; padding: 0 5px; color: #977746; font-size: 18px; font-weight: bold; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
#container #l_title span { float: right; color: #999; }
#container #l_title span i { margin: 0 5px; color: #977746; }

#container .brand { display: inline-block; margin-bottom: 20px; width: 742px; }
#container .brand .logo { float: left; display: inline-block; margin-right: 25px; border: 1px solid #E6E6E6; text-align: center; }
#container .brand .logo img { height: 80px; }
#container .brand .logo b { display: inline-block; padding: 0 5px; width: 110px; height: 80px; line-height: 80px; color: #000; font-size: 16px; font-family: "΢ÈíÑźÚ"; font-weight: normal; text-align: center; overflow: hidden; }
#container .brand .logo:hover { border: 1px solid #977746; }
#container .brand p a { margin: 0 5px; color: #977746; }
#container .brand p a:hover { text-decoration: underline; }
#container .brand p { display: inline-block; width: 595px; }
#container .brand p.first { padding: 0 10px; width: 575px; height: 40px; line-height: 40px; background-color: #F3F3F3; overflow: hidden; }
#container .brand p.first a { color: #2580FF; font-size: 14px; }
#container .brand p.last { clear: both; float: right; color: #999; }
#container .brand p span, #container .brand p i { float: right; }
#container .brand p span { width: 40%; }

/* RIGHT */
#container .r { float: right; display: inline-block; width: 238px; overflow: hidden; }
#container .r .t { clear: both; margin-bottom: 0; padding: 0 5px; line-height: 30px; border-top: 3px solid #977746; border-bottom: 1px solid #EAEAEA; color: #977746; font-size: 16px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-weight: bold; }

#container .r .r_img { display: block; margin-bottom: 20px; }
#container .r .r_img a { display: block; width: 238px; text-align: center; overflow: hidden; }
#container .r .r_img a img { width: 238px; }

#container .r .r_news { float: left; margin-bottom: 20px; width: 100%; }
#container .r .r_news li { display: block; padding: 0 5px; height: 35px; line-height: 35px; border-bottom: 1px dashed #E0E0E0; overflow: hidden; }
#container .r .r_news li a:hover { text-decoration: underline; }

#container .r .r_goods { float: left; margin: 10px 0 20px; width: 238px; height: 202px; overflow: hidden; }
#container .r .roundabout-moveable-item { display: block; width: 140px; height: 181px; background-color: #FFF; border: 1px solid #BCBCBC; }
#container .r .roundabout-moveable-item a { display: block; width: 100%; height: 100%; text-align: center; overflow: hidden; }
#container .r .roundabout-moveable-item img { height: 100%; }

#container .r #r_hot { float: left; margin-bottom: 20px; width: 238px; }
#container .r #r_hot ul { padding: 5px 0; width: 100%; background-color: #F3F3F3; }
#container .r #r_hot li { display: block; padding: 0 10px; height: 30px; line-height: 30px; overflow: hidden; }
#container .r #r_hot li i { float: left; display: inline-block; margin-top: 8px; margin-right: 15px; width: 15px; height: 15px; line-height: 15px; color: #977746; font-size: 14px; text-align: center; overflow: hidden; }
#container .r #r_hot li i.top { background-color: #977746; color: #FFF; }
#container .r #r_hot li a:hover { font-weight: bold; }

#container .r .fix { clear: both; position: fixed; z-index: 100; top: 0; }
* html #container .r .fix { position: absolute; top: expression(eval(document.documentElement.scrollTop)); margin-top: -137px; }
/*
* html { background-image: url(about:blank); background-attachment: fixed; }
*/

/* PHOTOS */
.photos { clear: both; margin: 0 auto; padding: 30px 0; width: 1000px; overflow: hidden; }
.photos p { padding: 10px 5px; border-bottom: 3px solid #977746; }
.photos p b { display: inline-block; padding: 0 5px; color: #000; font-size: 20px; font-weight: bold; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
.photos p a { float: right; color: #977746; font-size: 14px; }
.photos p a:hover { text-decoration: underline; }
.photos ul { float: left; display: inline-block; width: 1025px; }
.photos li { float: left; display: inline; margin: 0 25px 10px 0; }
.photos li a { display: block; padding: 4px; width: 170px; border: 1px solid #E6E6E6; color: #999; overflow: hidden; }
.photos li a:hover { color: #977746; border: 1px solid #977746; }
.photos li a .img { display: block; width: 170px; height: 115px; overflow: hidden; }
.photos li a .img img { float: left; width: 170px; }
.photos li a b, .photos li a .bname { display: block; padding: 0 5px; height: 30px; line-height: 30px; overflow: hidden; }
.photos li a b { text-align: center; font-weight: normal; }
.photos li a b { text-align: center; font-weight: normal; }
.photos li a .bname { text-align: left; }

.links { margin: 0 auto; width: 1000px; }
.links p { margin-bottom: 10px; padding: 0 5px; line-height: 40px; border-bottom: 1px solid #000; color: #000; font-size: 16px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
.links ul { display: inline-block; padding-bottom: 10px; width: 100%; }
.links li { float: left; display: inline-block; width: 16%; line-height: 25px; text-align: center; }
.links li a { color: #999; }
.links li a:hover { color: #977746; }