/************************************************

Author: susuti.cn, Leanne.Liu

*************************************************/



/* GENERAL DEFINITIONS */

* html body { behavior: url("/htc/csshover.htc"); } /* FOR IE6 */

* +html body { behavior: url("/htc/csshover.htc"); } /* FOR IE7 */

body { padding: 0; margin: 0; font: 12px "ËÎÌå", Arial; line-height: 20px; color: #333; background-color: #FFF; }

form { margin: 0; padding: 0; }

input, select, textarea { font-size: 12px; background-color: #FFF; color: #333; }

p { margin: 0 0 15px; }

img { border: 0; }

a { color: #333; text-decoration: none; }

a:hover { color: #F4A01C; text-decoration: none; }

h1, h2, h3, dl, dt, dd, ul { margin: 0; padding: 0; }

li { list-style: none; }

em, i { font-style: normal; }



/* HEADER */

#top { display: block; position: relative; padding-bottom: 10px; width: 100%; background-color: #FFF; box-shadow: 0 2px 15px #C2C2C2; -moz-box-shadow: 0 2px 15px #C2C2C2; }

#header { display: block; margin: 0 auto; width: 1200px; color: #FFF; text-align: right; }

#header .logo { float: left; display: block; margin-top: 45px; width: 116px; height: 41px; background: url(http://www.susuti.cn/images/logo.jpg) center center no-repeat; text-align: left; text-indent: -1000px; overflow: hidden; }

#header #login, #header #nav { display: inline-block; width: 800px; }

#header #login { color: #E6E6E6; margin-top: 25px; margin-bottom: 10px; }

#header #login a { display: inline-block; color: #999; }

#header #login a:hover { color: #666; }

#header #login a.u { padding-left: 17px; background: url(http://www.susuti.cn/images/icon.gif) 0px 0px no-repeat; margin-right: 5px; }

#header #nav { color: #E6E6E6; font-size: 16px; }

#header #nav a, #header #nav i { display: inline-block; margin-left: 12px; margin-right: 12px; font-size: 20px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }

#header #nav a { margin-left: 12px; margin-right: 12px; }

#header #nav a.last { margin-right: 0; }

#header #nav a:hover, #header #nav a.y { color: #F4A01C; }

#header #nav a.y:hover { color: #FFAD2C; }

#header #nav a.l { margin-right: 0; }

#header #nav a.r { margin-left: 0; }

#header #nav i { margin-left: 3px; margin-right: 3px; color: #333; }

#header strong { float: left; display: block; margin-top: 53px; margin-left: 10px; padding: 5px 10px; color: #333; font-size: 24px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-weight: normal; border-left: 1px solid #E6E6E6; }



/* CONTAINER */

.col { display: block; margin: 0 auto; width: 1200px; }



/* LOCALITY */

#locality { width: 100%; height: 67px; background-color: #EEE; }

#locality form { float: right; display: inline-block; margin-top: 15px; width: 360px; }

#locality form div { display: inline-block; width: 100%; height: 35px; background-color: #FFF; border: 1px solid #999; border-radius: 5px; -moz-border-radius: 5px; text-align: right; }

#locality form dl { float: left; margin-top: 8px; padding: 0 3px; width: 70px; text-align: left; }

#locality form dt { padding-right: 10px; background: url(http://www.susuti.cn/images/icon.gif) right -170px no-repeat; cursor: pointer; text-align: center; }

#locality form dd { display: none; padding-top: 5px; padding-bottom: 5px; width: 70px; line-height: 25px; background-color: #FFF; border: 1px solid #999; border-top: none; border-radius: 3px; -moz-border-radius: 3px; }

#locality form dd li { display: block; text-align: center; cursor: pointer; }

#locality form dd li:hover, #locality form dd li.current { background-color: #F4A01C; color: #FFF; }

#locality form dl:hover dt { background: url(http://www.susuti.cn/images/icon.gif) right -205px no-repeat; }

#locality form dl:hover dd { display: block; position: absolute; z-index: 10; }

#locality form input { border: none; }

#locality form input.text { float: left; padding: 0 0 0 5px; width: 230px; height: 35px; line-height: 35px; outline: none; }

#locality form input.submit { position: relative; margin-top: -1px; margin-right: -1px; width: 37px; height: 37px; line-height: 35px; background: url(http://www.susuti.cn/images/icon.gif) 5px -380px no-repeat #F4A01C; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; outline: none; text-indent: -100px; cursor: pointer; overflow: hidden; }

#locality span { display: inline-block; margin-top: 25px; color: #999; }

#locality span a { margin-left: 10px; margin-right: 10px; color: #999; }

#locality span a.first { margin-left: 0; }

#locality span a:hover { color: #333; }

#locality span strong { margin-left: 10px; color: #333; font-weight: normal; }



/* RECOMMEND */

.f_rec { float: left; margin-top: 60px; padding-top: 40px; padding-bottom: 60px; width: 100%; background-color: #FFF; }

.f_rec h2 { display: block; margin: 0 auto; margin-bottom: 30px; width: 1200px; font-size: 22px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-weight: normal; }

.f_rec ul { display: block; margin: 0 auto; width: 1220px; }

.f_rec li { float: left; display: inline; margin-left: 10px; margin-right: 10px; width: 285px; }

.f_rec li a { display: block; width: 100%; height: 272px; background-color: #EEE; color: #999; overflow: hidden; }

.f_rec li a img { height: 202px; }

.f_rec li a p { float: left; display: inline-block; margin-bottom: 0; width: 100%; height: 202px; background: url(http://www.susuti.cn/images/blank.jpg) center center no-repeat #F5F5F5; text-indent: -1000px; overflow: hidden; }

.f_rec li a b { float: left; display: inline-block; margin-top: 10px; margin-bottom: 5px; width: 100%; height: 20px; color: #333; font-size: 14px; text-indent: 10px; overflow: hidden; }

.f_rec li a span { display: block; padding-left: 10px; padding-right: 10px; width: 265px; }

.f_rec li a span i { float: right; color: #E6E6E6; }

.f_rec li a span.price { float: left; display: inline-block; position: relative; top: -40px; margin-bottom: -40px; width: auto; height: 30px; line-height: 30px; background-color: #000; color: #FFF; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }

.f_rec li a span.price i { float: none; margin-left: 3px; margin-right: 3px; font: 20px Arial; }

.f_rec li a:hover { color: #999; }

.f_rec li a:hover img { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }



/* FOOTER */

#footer { clear: both; display: block; width: 100%; background-color: #3B1E32; color: #FFF; text-align: center; }

#footer ul, #footer div { display: block; padding-top: 30px; margin: 0 auto; width: 1200px; }

#footer ul li { display: inline; padding-left: 25px; padding-right: 25px; border-right: 1px solid #FFF; }

#footer ul li.last { border-right: none; }

#footer ul li a { color: #FFF; }

#footer ul li a:hover { color: #897884; }

#footer div { border-bottom: 1px solid #4F3547; }

#footer div p  { display: inline-block; margin-bottom: 20px; }

#footer div .l, #footer div .m  { float: left; }

#footer div .l { padding-top: 75px; padding-left: 60px; padding-right: 60px; background: url(http://www.susuti.cn/images/logo.png) center 20px no-repeat; }

* html #footer div .l { behavior: url("/htc/iepngfix.htc"); } /* FOR IE6 */

#footer div .m { padding: 10px 105px 20px; width: 280px; line-height: 25px; border-left: 1px solid #4F3547; border-right: 1px solid #4F3547; text-align: left; }

#footer div .m i { display: block; margin-bottom: 10px; height: 45px; line-height: 45px; background: url(http://www.susuti.cn/images/icon.gif) left -127px no-repeat; font-size: 36px; font-family: Arial; text-indent: 55px; }

#footer div .code { padding-top: 10px; padding-left: 60px; padding-right: 60px; line-height: 30px; }

#footer div .code img { width: 125px; }

#footer .copyright { clear: both; margin-bottom: 0; padding-top: 20px; padding-bottom: 30px; color: #897884; }

#footer .copyright i { font-family: Arial; }



/* TOOL */











/* PAGINATION */

.pagination { clear: both; padding: 30px 0 60px; font-size: 14px; text-align: center; }

.pagination a, .pagination span { margin: 0 2px; padding: 4px 8px; background-color: #FFF; color: #333; border: 1px solid #CCC; }

.pagination a:hover { background-color: #F4A01C; color: #FFF; border: 1px solid #F4A01C; text-decoration: none; }

.pagination span.current { background-color: #F4A01C; color: #FFF; border: 1px solid #F4A01C; }

.pagination span.disabled { background-color: #FFF; color: #E6E6E6; border: 1px solid #E6E6E6; }



.nothing, .loading { float: left; padding-bottom: 50px; width: 100%; color: #999; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-weight: normal; text-align: center; }

.nothing { padding-top: 150px; background: url(http://www.susuti.cn/images/nothing.gif) center 50px no-repeat; font-size: 18px; }

.loading { padding-top: 120px; background: url(http://www.susuti.cn/images/loading.gif) center 50px no-repeat; font-size: 16px; }

.r_end { clear: both; display: block; width: 100%; line-height: 40px; color: #E6E6E6; text-align: center; }

.r_more { clear: both; display: block; width: 100%; }

.r_more i { display: block; width: 100%; height: 40px; line-height: 40px; background-color: #F7F7F7; color: #666; text-align: center; cursor: pointer; }

.r_more i:hover { color: #333; }



.tj_hidden { display: none; }