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

/* RIGHT */
.sub_r .brands, .sub_r .rec { float: left; display: block; margin-bottom: 10px; padding-bottom: 10px; width: 220px; background-color: #FFF; border: 1px solid #BCBCBC; border-top: none; overflow: hidden; }
.sub_r .brands li { float: left; display: inline; margin: 10px 10px 0 0; padding-left: 20px; width: 80px; height: 25px; line-height: 25px; background: url(../images/icon.gif) -133px -142px no-repeat; overflow: hidden; }

.sub_r .rec ul { padding: 0 10px; }
.sub_r .rec li { float: left; display: block; padding: 5px 0; width: 100%; border-bottom: 1px solid #D9D9D9; }
.sub_r .rec li.last { border-bottom: none; }
.sub_r .rec li a { display: inline-block; padding-left: 10px; height: 30px; line-height: 30px; background: url(../images/icon.gif) -143px -109px no-repeat; overflow: hidden; }
.sub_r .rec li i { padding: 0 10px; color: #999; }

.sub_r #brand_r { float: left; display: block; margin-bottom: 10px; padding: 10px; width: 200px; background-color: #FFF; border: 1px solid #BCBCBC; overflow: hidden; }
.sub_r #brand_r a.logo { float: left; display: block; margin-right: 10px; width: 80px; height: 53px; background-color: #FFF; border: 1px solid #D9D9D9; overflow: hidden; }
.sub_r #brand_r a.logo img { height: 53px; }
.sub_r #brand_r a.logo:hover { border: 1px solid #3B75C6; }
.sub_r #brand_r span { float: left; display: block; margin-bottom: 3px; width: 108px; height: 24px; line-height: 24px; overflow: hidden; }
.sub_r #brand_r span a.name { color: #3B75C6; font-size: 14px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
.sub_r #brand_r span .btn, .sub_r #brand_r span .btn_d { display: inline-block; padding-left: 24px; width: 42px; height: 23px; color: #FFF; font-size: 14px; }
.sub_r #brand_r span .btn { background: url(../images/btn.gif) right -30px no-repeat; cursor: pointer; }
.sub_r #brand_r span .btn_d { background: url(../images/btn.gif) right -100px no-repeat; }
.sub_r #brand_r span .btn:hover { background: url(../images/btn.gif) left -30px no-repeat; text-decoration: none; }

.sub_r #brand_r .goods { float: left; display: block; position: relative; z-index: 10; margin-top: 10px; width: 200px; height: 321px; overflow: hidden; }
.sub_r #brand_r .goods .t { position: relative; z-index: 20; margin: 0 0 -35px; padding: 0 10px; height: 35px; line-height: 35px; background-color: #666; color: #FFF; font-size: 14px; font-weight: bold; font-family: "΢ÈíÑźÚ", "ËÎÌå"; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; }
.sub_r #brand_r .goods ul { float: left; display: block; margin-left: 0; height: 321px; overflow: hidden; } /* ¿í¶È200µÄ±¶Êý js¿ØÖÆ */
.sub_r #brand_r .goods li { float: left; display: inline; width: 200px; }
.sub_r #brand_r .goods li a { display: block; width: 200px; height: 321px; overflow: hidden; }
.sub_r #brand_r .goods li a:hover { color: #FFF; text-decoration: none; }
.sub_r #brand_r .goods li a img { height: 321px; } /* ¹Ì¶¨Í¼Æ¬¸ß¶È */
.sub_r #brand_r .goods .dot { clear: both; position: relative; top: -35px; margin: 0 auto -35px; width: 136px; }
.sub_r #brand_r .goods .dot i { float: left; display: inline-block; margin: 10px 3px 0; width: 11px; height: 11px; background: url(../images/png.png) -270px top no-repeat; text-indent: -2000px; overflow: hidden; cursor: pointer; }
.sub_r #brand_r .goods .dot i:hover, .sub_r #brand_r .goods .dot i.current { background: url(../images/png.png) -253px top no-repeat; }
* html .sub_r #brand_r .goods .dot i { behavior: url("/htc/iepngfix.htc"); } /* FOR IE6 */

.sub_r #brand_r .n_list { float: left; display: block; padding: 10px; margin-top: 10px; width: 180px; background-color: #EAEAEA; overflow: hidden; }
.sub_r #brand_r .n_list .t { margin-bottom: 0px; color: #3B75C6; font-size: 12px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
.sub_r #brand_r .n_list .t a { color: #3B75C6; font-size: 12px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
.sub_r #brand_r .n_list .t a:hover { text-decoration: none; }
.sub_r #brand_r .n_list li { float: left; display: block; margin: 10px 0 0 0; padding-left: 10px; width: 170px; height: 20px; background: url(../images/icon.gif) -143px -144px no-repeat; overflow: hidden; }
.sub_r #brand_r .n_list li.last { background: none; text-align: right; }
.sub_r #brand_r .n_list li.last a { color: #3B75C6; }
.sub_r #brand_r .n_list li a.tag { margin-right: 5px; color: #3B75C6; }


/* DETAIL */
.l_more { margin-bottom: 10px; padding: 0 10px; height: 30px; line-height: 30px; background-color: #EAEAEA; border: 1px solid #D9D9D9; overflow: hidden; }
.l_more span { float: right; width: 50%; text-align: right; overflow: hidden; }
.l_more label { color: #3B75C6; }

.d_l_text, #d_l_link, .d_l_msg { float: left; display: inline-block; margin-bottom: 10px; background-color: #FFF; border: 1px solid #BCBCBC; overflow: hidden; }
#d_l_link, .d_l_msg { width: 726px; border-top: none; }
#d_l_link .title, .d_l_msg .title { display: block; margin-bottom: 0; line-height: 32px; background: url(../images/bg.gif) left top repeat-x #F6F6F6; border-top: 2px solid #3B75C6; border-bottom: 1px solid #D9D9D9; }
#d_l_link .title i, .d_l_msg .title i { padding: 0 0 0 10px; font-size: 14px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
#d_l_link .title .alert, .d_l_msg .title .alert { margin-left: 3px; color: #3B75C6; }


.d_l_text { padding: 30px; width: 666px; }
.d_l_text h1 { margin: 0 0 30px; padding: 0; color: #000; font-size: 18px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-weight: normal; text-align: center; }
.d_l_text .li { padding: 15px; line-height: 30px; background-color: #F1F1F1; border: 1px solid #EAEAEA; }
.d_l_text .li span { display: inline-block; width: 32%; color: #000; }
.d_l_text .li label { color: #999; }
.d_l_text .li a, .d_l_text .li a:hover { color: #000; text-decoration: none; }
.d_l_text .text { width: 666px; line-height: 25px; font-size: 14px; overflow: hidden; }
.d_l_text .text a { color: #3B75C6; text-decoration: underline; }
.d_l_text .alert { margin: 15px 0 0; padding: 10px; background-color: #F1F1F1; color: #3B75C6; }
.d_l_text .last { margin: 15px 0 0; }
.d_l_text .last i { float: right; color: #3B75C6; }
.d_l_text .last span { display: inline-block; padding-left: 23px; background: url(../images/icon_tags.gif) left 2px no-repeat; }
.d_l_text .last span a { margin-right: 10px; color: #999; }
.d_l_text .last span a:hover { color: #3B75C6; }
.d_l_text .total { position: relative; margin-top: 13px; }
.d_l_text .total i { float: right; display: inline-block; padding: 0 8px 0 33px; height: 23px; line-height: 23px; background: url(../images/icon.gif) left -277px no-repeat #E5F1FF; color: #3B75C6; cursor: pointer; }
.d_l_text .hot i { background: url(../images/icon.gif) left -307px no-repeat #E5F1FF; cursor: auto; }


#d_l_link .link { display: inline-block; padding: 15px; width: 660px; }
#d_l_link .link li { float: left; display: block; width: 330px; line-height: 35px; color: #000; }
#d_l_link .link li.row2 { width: 100%; }
#d_l_link .link li a, #d_l_link .link li a:hover { color: #000; }
#d_l_link .link li span { float: left; color: #999; }
#d_l_link .link li img { margin: 8px 0; }

#d_l_link .alert { margin: 15px; color: #999; }
#d_l_link .alert a { margin: 0 3px; color: #3B75C6; }

#d_l_link form { margin: 15px; }
#d_l_link form p { display: inline-block; margin-bottom: 10px; width: 100%; }
#d_l_link form .alert { margin: 0 0 15px; }
#d_l_link form .last { padding-left: 45px; }
#d_l_link form .last a { display: inline-block; margin: 0 3px; padding-left: 20px; line-height: 25px; color: #3B75C6; }
#d_l_link form .last a.sina { background: url(http://user.chinasspp.com/images/medal/sina.gif) left top no-repeat; }
#d_l_link form .last a.qq { background: url(http://user.chinasspp.com/images/medal/qq.gif) left top no-repeat; }
#d_l_link form label { float: left; display: inline-block; width: 45px; }
#d_l_link form input { float: left; padding: 3px 5px; width: 190px; border: 1px solid #BCBCBC; }
#d_l_link form input.short { width: 130px; }
#d_l_link form .btn { display: inline-block; margin-right: 5px; padding: 0; width: 61px; height: 23px; line-height: 23px; background: url(../images/btn.gif) right top no-repeat; border: none; color: #FFF; text-align: center; cursor: pointer; }
#d_l_link form .btn:hover { background: url(../images/btn.gif) left top no-repeat; }
#d_l_link form img { margin: 2px 0 2px 5px; cursor: pointer; }

#f_msg { padding-top: 15px; }
#f_msg, #msg { padding-left: 15px; padding-right: 15px; }