/* CSS Document */
.client_filter {
	position:absolute;
	left:0;
	top:0;
	background:#f2f2f2;
	min-width:280px;
	padding:0 24px 20px 24px;
	z-index:100;
	display:none;
}

.client_filter.right {
	left:auto;
	right:0;
}

.client_filter span {
	display:block;
	height:52px;
	line-height:52px;
}

.client_filter .links {
	padding-bottom:20px;
}

.client_filter .links a {
	display:inline-block;
	margin-right:10px;
	color:#00b2c5;
}

.client_filter .for_search {
	border:1px solid #cccccc;
	height:34px;
	background:#ffffff;
	padding-left:10px;
	margin-bottom:20px;
}

.client_filter .for_search .search_button {
	background:url('/design/filter_search.png') center center no-repeat;
	display:block;
	float:right;
	width:34px;
	height:34px;
	cursor:pointer;
}

.client_filter .for_search .search_input {
	display:block;
	float:left;
	width:calc(100% - 44px);
	height:34px;
	line-height:34px;
	font-size:16px;
	font-family: "azo-sans-web",sans-serif;
	color:#010101;
}

.client_filter .for_content {
	height:180px;
}

.client_filter .for_content .content_crop {
	width:calc(100% - 20px);
	height:180px;
	float:left;
    overflow: hidden;
    position: relative;
}

.client_filter .for_content .content_crop .content {
    color: #010101;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    width: 100%;
}

.client_filter .for_content .content_crop .content li {
	height:30px;
	line-height:30px;
	padding-left:30px;
	position:relative;
	white-space:nowrap;
	cursor:pointer;
	font-weight:400;
}

.client_filter .for_content .content_crop .content li.circle {
	color:#999999;
}

.client_filter .for_content .content_crop .content li.f_filter_hide {
	display:none;
}

.client_filter .for_content .content_crop .content li::before {
	position:absolute;
	left:12px;
	top:12px;
	width:4px;
	height:4px;
	border-radius:3px;
	border:1px solid #010101;
	content:'';
	background:#010101;
}

.client_filter .for_content .content_crop .content li.circle::before {
	background:transparent;
	border-color:#999999;
}

.client_filter .for_content .scroll_vertical {
    height: 180px;
    width: 10px;
    float: right;
    position: relative;
    background: #ffffff;
    border-radius:5px;
}

.client_filter .for_content .scroll_vertical .scroller {
    background: #999999;
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 10px;
    min-height: 20px;
    border-radius:5px;
}

.client_filter .for_buttons {
	padding-top:12px;
	text-align:right;
}

.client_filter .for_buttons input {
	font-family: "azo-sans-web",sans-serif;
	font-size:14px;
	padding:7px 12px;
	cursor:pointer;
	display:inline-block;
	margin-left:3px;
}

.client_filter .for_buttons input.close {
	color:#888888;
	background:#dddddd;
}

.client_filter .for_buttons input.confirm {
	color:#ffffff;
	background:#00b2c5;
}

.client_filter .filter_close {
	display:block;
	width:31px;
	height:31px;
	background:url('/design/filter_close.png') center center no-repeat;
	cursor:pointer;
	top:0;
	right:0;
	position:absolute;
}