#filter { padding:15px 0 15px 15px; background-color:#ECEAE1; height:254px;width:945px;}
#filter dl{ margin-right:15px; background-color:#E2DED4; width:150px; height:188px; color:#77705E;}
#filter dt{ margin:1px; padding:5px 0 0 10px; background-color:#FFF; font-weight:700; line-height:25px;}

#category ul li { margin:0 1px 1px 1px; background-color:#FFFFFF;line-height:25px;}
#category ul li a { display:block; padding:0 0 0 25px; background:url(../images/icon/dot.gif) no-repeat;height:25px;text-decoration:none;}
#category ul li a:hover { background-color:#E2DED4; }
#category .selected{background-color:#E2DED4;}

#filter #mode { width:359px;}
#mode dd { margin:1px 0 0 1px; }
#mode .img { float:left; margin:10px;}

#selectcolor ul li { margin:0 1px 1px 1px; background-color:#FFFFFF;line-height:25px;}
#selectcolor ul li a { display:block; padding:0 0 0 30px;height:25px;text-decoration:none; }
#selectcolor .white{background:url(../images/icon/color_white.gif) no-repeat;}
#selectcolor .black{background:url(../images/icon/color_black.gif) no-repeat;}
#selectcolor .all{background:url(../images/icon/color_all.gif) no-repeat;}
#selectcolor ul li a:hover {  background-color:#E2DED4; }
#selectcolor .selected{background-color:#E2DED4;}

#filter #selectsubject { width:226px; margin:0;overflow:hidden;}
#selectsubject ul li { margin:0 1px 1px 1px; background-color:#FFFFFF;line-height:25px;}
#selectsubject ul li a { display:block; padding:0 0 0 25px;height:25px;text-decoration:none; }
#selectsubject ul li a:hover {  background-color:#E2DED4; }
#selectsubject .selected{background-color:#E2DED4;}

#filter #picclass{ background-color:#ECEAE1; height:50px; margin:15px 15px 0 0;}
#picclass dt{ background-color:#ECEAE1; padding:0;}
#picclass dd a{ background-color:#9B9A91; float:left; padding:4px 4px 4px 10px; line-height:12px; width:60px; height:12px; text-align:center; color:#C1BCB0;text-decoration:none; }
#picclass dd a:hover{color: #FFFFFF;}
#picclass .selected{background-color:#C1BCB0; color:#FFFFFF;}

#filter #picmode{ background-color:#ECEAE1; height:50px; width:360px; margin:15px 15px 0 0;}
#picmode dt{ background-color:#ECEAE1; padding:0;}
#picmode dd a{ background-color:#9B9A91; float:left; padding:4px 4px 4px 10px; line-height:12px; width:60px; height:12px;text-align:center;color:#C1BCB0;text-decoration:none; }
#picmode dd a:hover{ color: #FFFFFF;}
#picmode .selected{background-color:#C1BCB0; color:#FFFFFF;}

#filter #picorderby{ background-color:#ECEAE1; height:50px;  margin:15px 15px 0 0;}
#picorderby dt{ background-color:#ECEAE1; padding:0;}
#picorderby dd a{ background-color:#9B9A91; float:left; padding:4px 4px 4px 10px; line-height:15px; width:60px; height:16px;text-decoration:none; }
#picorderby dd a:hover{ background-color:#cccccc;color: #FFFFFF;}

#filter #picsize{ background-color:#ECEAE1; height:50px; margin:15px 0 0 0; width:180px;}
#picsize dt{ background-color:#ECEAE1; padding:0;}

#picsize dd a:hover{ background-color:#cccccc;color: #FFFFFF;}
#picsize dd {height:19px;background: url(../images/icon/slider-bg.gif) repeat-x #BDBDAD;  }
#picsize #down { float:left;width:25px; height:19px; background:url(../images/icon/slider-down.gif) no-repeat;cursor:pointer;   }
#picsize #up { float:left; width:25px; height:19px; background:url(../images/icon/slider-up.gif) no-repeat; cursor:pointer; }

#mode .sliderGallery {
	width:357px;
	height:155px;
	background-color:#FFFFFF;
}
#mode .sliderGallery ul {
	list-style: none;
    overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 20px 10px 0 10px;
	position:relative;
	height:125px;
}
#mode .sliderGallery ul li{
	display: inline;
	margin:5px;
	cursor:pointer;
}
#mode .sliderGallery .slider {
	position:relative;
	width:357px;
	height:10px;
	z-index:2;
	clear:both;
}
#mode .sliderGallery .slider .handle {
	position: absolute;
	width:80px;
	height:10px;
	z-index:2;
}

#selectsubject .sliderGallery {
	width:235px;
	height:155px;
}
#selectsubject .sliderGallery ul {
	float:left;
	position: absolute;
    overflow: none;
	width:226px;
	padding: 0;
	margin: 0;
	z-index:0; 
}

#selectsubject .sliderGallery .slider {
	margin-right:10px;
	position:absolute;
	margin-left:216px;
	width:10px;
	height:155px;
	z-index:100;
}
#selectsubject .sliderGallery .slider .handle {
	margin-right:10px;
	position: absolute;
	width:10px;
	height:50px;
	z-index:99;
}


#selectcolor .sliderGallery {
	width:150px;
	height:155px;
}
#selectcolor .sliderGallery ul {
	float:left;
	position: absolute;
    overflow: none;
	width:150px;
	padding: 0;
	margin: 0;
	z-index:0; 
}

#selectcolor .sliderGallery .slider {
	margin-right:10px;
	position:absolute;
	margin-left:140px;
	width:10px;
	height:155px;
	z-index:100;
}
#selectcolor .sliderGallery .slider .handle {
	margin-right:10px;
	position: absolute;
	width:10px;
	height:50px;
	z-index:99;
}

#picsize .slider {
	float:left;
	height:19px;
	position:relative;
	width:130px;
}

#picsize .handle {
	position: absolute;
	width:20px;
	height:19px;
	background-color:#9b9a91;
	cursor:move;
	left:60px;
}

.sliderGallery {
	overflow:hidden;
	position: relative;
}
.sliderGallery ul {
	position: absolute;
	overflow: none;
	float:left;
}
.sliderGallery .slider{
	background-color:#c1bcb0;
}
.sliderGallery .slider .handle{
	background-color:#9b9a91;
	cursor:move;
}


#mask{
	position:absolute;
	top:135px;
	left:0;
	height:290px;
	width:100%;
	z-index:100;
	background-color:#ffffff;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;
}