/**
 * 分类视图
 * 分类页页面
 * 
 * @author 张晓东
 * @copyright 2012 唯美购
 */


/* 导入框架样式脚本 */
@import url("/Css/Home/Lib/web_frame.css");


/* 请按照所给示例的参数的顺序和格式定义样式 */
/*
#example
{
	display:block;
	border:solid 1px red;
	position:relative;
	width:100px;
	height:100px;
	line-height:30px;
	left:0px;
	top:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	z-index:100;
	text-align:left;
	vertical-align:middle;
	text-decoration:underline;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:red;
	background-color:white;
	background:url() left top no-repeat;
}
*/


#web_content
{
	/*	border:solid 1px blue;
	position:relative;
	width:1200px;
	left:50%;
	top:0px;
	margin:0px 0px 0px -600px;
	padding:0px;
	float:left;*/
width: 100%; margin: 0px auto;
}


/* CSS Document */
/*
*date @2012/9/26
*author @张晓东
*
*
*/
/*left*/
.help{ width:1200px; margin:0px auto; }

.help_left{ width:198px; float:left; margin-right:17px}
.help_right{ float:left; width:985px;}
.left_box{ border:1px solid #f4f4f4;}
.left_title{ height:46px; background:#5c2b71; line-height:46px; font-size:15px; color:#544f4b; font-family: "微软雅黑","YaHei","黑体",Tahoma,Helvetica,arial,sans-serif}
.left_title b{ padding-left:18px; float:left; display:block; color: #ffffff}
.left_title b a{color:#ffffff}
.left_title b a:hover{ color: #ffffff}
.left_title span a{font-size:12px; color:#7b4990; display:block}
.left_title span a:hover{ color:#8050ad}
.left_title span{ float:right; padding-right:18px; float:right}
.new_list{width:196px; font-size:12px; float:none; overflow:hidden}
.new_list ul{margin:0px; padding:10px;list-style-type:none; list-style:none; width:205px}
.new_list li{list-style:none; line-height:30px; height:30px;font-family:"宋体"; float:left; padding-right:0px; width:80px; overflow:hidden;   margin-bottom:10px; margin-right: 10px}
.new_list li a{ color:#666660; width:50px; overflow: hidden; text-align: left; padding: 5px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}
.new_list li a:hover{ color:#8050ad}
.c_m_b_l_content{text-align:center; padding-top:15px; padding-bottom:7px; border-bottom:1px #f3f3f3 dashed; width:178px; margin:0px auto; margin-bottom:0px}
.c_m_b_l_content a{ display:block; color:#666666; }
.c_m_b_l_content a img{ border: 1px #e8e7e7 solid}
.c_m_b_l_content a:hover{ color:#8050ad}
.c_m_b_l_content p{ margin-top:5px; line-height:22px}
.c_m_b_l_content a b{ color:#FF0000}
/*right*/
.search_list_box{overflow:hidden; display:block; background:#f4f4f4; border-bottom:3px solid #7b4990}
.padding_box{ padding-left:20px; padding-right:20px}
.search_box1{ height:41px; line-height:41px; overflow:hidden; background:url(/Image/Home/Shop/list_bgc.gif) repeat-x bottom; font-size:12px; color:#333}
.search_box1 span{ font-weight:bold; float:left; padding-left:30px; padding-right:10px;; display:inline-block; color:#333}
.search_box1 a{margin-left:5px;display:inline; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; color:#333}
.search_box1 a:hover{ color:#FF0000}


/*商品列表*/












.pu_contant{ padding:12px}
.sort_bar{ height:28px; line-height:26px; font-size:12px; color:#333; }
.sort_bar_left{ float:left; _width:550px}
.sort_bar .sort_bar_left span{ font-weight:bold; display:block; float:left; padding-left:38px; margin-right:10px}

.sort_bar .sort_bar_left a{ display:block; padding-left:10px; padding-right:10px; float:left; letter-spacing:1px; background:#fafafa; border:1px solid #cecbce; color:#666666; margin-right:20px;}

.sort_bar .sort_bar_right span.current{margin-right:2px ; padding-left:8px; padding-right:8px;letter-spacing:1px; border:1px solid #7b4990; color:#7b4990; margin-right:5px; height: 20px; line-height: 20px; background: #ffffff; font-weight: bold}
.sort_bar .sort_bar_right a{ margin-right:2px ; padding-left:3px; padding-right:3px;  letter-spacing:1px; background:#fafafa; border:1px solid #cecbce; color:#666666; margin-right:5px; height: 20px; line-height: 20px; background: #ffffff}
.sort_bar .sort_bar_left a:hover{ color:#7b4990}
.sort_bar .sort_bar_right a:hover{ color:#7b4990; border: 1px #7b4990 solid }
.sort_bar_right{ float:right; _width:320px}
.pu_list{ width:960px; overflow:hidden; clear:both; padding-top:28px;}








/*产品BOX*/
.pu_contants{ width:237px; height:350px; float:left; font-size:12px; margin-bottom:10px;position:relative; z-index:1}
.in_pu_contants{ width:235px; height:350px;  border:1px solid #fff;}
.in_pice_content{ width:195px; margin:0px auto; margin-top:19px; height:330px; overflow:hidden; position: relative}
.in_pice_content a{ display:block; border:none}
.in_pice_content a img{ display:block; margin:0px auto; border: 1px #d8d8d8 solid}
.discribes p{ display: block; overflow: hidden; width: 190px;}
.discribes p a{ color: #555555; width: 190px; overflow: hidden;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}
.discribes{line-height:18px; font-size:12px; color:#303030; margin-top:10px; width: 190px; overflow: hidden; white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}
.discribes a{ display: block;}
.discribes a{ color:#55555;display: block; width: 190px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}
.discribes a:hover{ color:#990000}
.pinglunsd{line-height:28px;color:#666666; margin-top:0px}
.pinglunsd a{ color:#7b4990; display:inline}
.pinglunsd a:hover{ color:#FF0000}
.bottom_bar{ height:26px; line-height:26px;margin-top:4px;}
.bottom_bar a{ display:block; text-align:center; width:72px; height:26px; color:#FFFFFF; background:#7b4990; margin: 0px auto}
.bottom_bar a:hover{ background:#6e4380}
.bottom_bar span{ color:#666666; float:left; font-size:14px; color:#c80000; text-align: left}
.bottom_bar span b{ color:#c80000; font-size:16px}

span.scjge{color:#555555; text-decoration:line-through; font-size:12px; padding-left:14px;}
span.zhekongszxd{color:#555555; font-size:15px; padding-left:14px;}
span.zhekongszxd b{ font-size: 16px}

.abso_box{position:absolute; top:5px; right:5px; background:url(/Image/Home/Shop/tells.png);  _background:url(/Image/Home/Shop/tells.gif); width:60px; height:50px}
.abso_box .in_abso{ line-height:40px; text-align:center; font-size:16px; font-weight:bold; letter-spacing:2px; color:#FFFFFF;}
/*搜索*/
.bottom_search{ height:68px; background:#ffffff; border-bottom: 3px #5c2b71 solid; clear:both; margin-bottom:15px}
.bottom_search .sort_bar{ padding-top:19px; padding-left:12px; padding-right:12px}
.bottom_search .sort_bar .sort_bar_right{ _width:320px}
.reset_search{ font-size:12px; color:#666666; padding-left:0px; margin-left:0px; float:left; padding-left:10px}
.re_text{ width:300px; background:#FFFFFF; float:left; border:1px solid #ddd; height:25px; margin-left:10px; padding-left:5px; padding-right:5px; line-height:25px}
.search_do{ width:500px}
.search_but{ width:73px; height:27px; border:none; color:#000; background:#cecece; float:left}
/*城市BOX*/
.city_box{ width:300px; position:absolute; background:#FFFFFF; border:1px solid #cecbce; top:22px; left:268px;  display:none}
.city_in{ padding:10px}
.city_in p{ line-height:25px; color:#666666}
.city_in p a{ color:#7b4990; padding-left:10px; padding-right:10px}
.city_in p a:hover{ color:#8050ad}
.apsd{ width: 165px; overflow: hidden;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}

.bar_t a{ display:block; text-align:center; width:72px; height:26px; color:#FFFFFF; background:#7b4990; margin: 0px auto; margin-top: 5px}
a.select_city{ background:url(/Image/Home/Shop/jiatou.gif) no-repeat right}






/*2012/11/6*/
.bals span{ font-size:12px; color:#555555; padding-left:0px; float:none}
.bals span b{ font-size:13px; color:#dd0000}
.apsd{ text-align:left; width:175px; display:block;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}
/* 所有样式脚本放置于“to do”标签之间，并注意保持缩进 */
/* //to do */



/* //to do */