#filter {
	margin: 400 auto 0;
	padding: 15px 0;
	width: 1000px;
	text-align: center;
	height: auto;
}
#filter a:link { text-decoration:underline; color: #000;}
#filter a:visited { text-decoration:none; color: #000;}
#filter a:active { text-decoration:none; color: #000;}
#filter a:hover { text-decoration:none; color: #000;}
 
#filter .active {
    font-weight: bold;
}
#filter a.active:link { text-decoration:none; color: #000;}
#filter a.active:visited { text-decoration:none; color: #000;}
#filter a.active:active { text-decoration:none; color: #000;}
#filter a.active:hover { text-decoration:none; color: #000;}
 
/* #filterlist
--------------------------- */
#filterlist {
    margin: 0 auto;
    width: 1000px;
    text-align: left;
}
 
#filterlist ul {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
    text-align: left;
}
 
#filterlist ul li {
width: 245px; text-align: center; float: left; height: 270px; line-height: 25px; position: relative; overflow: hidden; margin: 30px 40px;
}
 


 
/* =======================================
    ClearFixElements
======================================= */
#filterlist ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#filterlist ul {
    display: inline-block;
    overflow: hidden;
}
#category_title{
	width: 800px;
	text-align: left;
	border-top-width: 1px solid #333;
	border-right-width: 1px solid #333;
	border-left-width: 1px solid #333;
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
	height: auto;
	padding: 10px;
	margin: 50px auto auto;
	background: #666666;
}
#category_contant{
	width: 797px;
	border: 1px solid #CCC;
	height:auto;
	line-height: 60px;
	padding: 10px;
	margin: auto;
}
#filter_type{text-align:center; margin: auto;	clear: both; }
#filter_type a:link{text-decoration:none; color: #333; background-color :#fff; border: 1px solid #333; font-size:medium; padding: 10px 20px; margin-right: 20px; }
#filter_type a:visited{text-decoration:none; color: #333;font-size:medium;background-color :#fff;border: 1px solid #333; }
#filter_type a:active{text-decoration:none; color: #333;font-size:medium;background-color :#fff;border: 1px solid #333; }
#filter_type a:hover{text-decoration:none; color: #fff;font-size:medium;background-color :#333; }


#filterlist_type{width: 1000px; text-align: left; margin: auto; min-height: 100%; clear: both; }
#filterlist_type ul{padding: 0; width: 1000px; text-align: left; min-height: 100%; clear: both; margin: auto; }
#filterlist_type ul li{width: 420px; text-align: center; float: left; height: 500px; line-height: 25px; position: relative; overflow: hidden; margin: 30px 40px; }

.pic_contants{width:280px; height:188px; overflow:hidden; margin:10px 8px 10px 16px; position:relative; }

.pic_contants .caption{font-size:medium; color:#333; padding:30px; font-weight:bold; text-align:left; }
.pic_contants .mask{width:100%; height:100%; position:absolute; top:-100%; left:0; background-color:rgba(245,245,245, .95); -webkit-transition:all .3s ease; transition:all .3s ease; }
.pic_contants:hover .mask {	top:0; }
#works_title {
	padding-top: 10px;
	font-size: medium;
}
.headlight_label {position: absolute;	display: inline-block; padding: 2px 10px;	top: -2px; left: -2px; vertical-align: middle; background: #336699; color: #fff; font-size: 17px; font-weight: bold;}
.coating_label {position: absolute;	display: inline-block; padding: 2px 10px;	top: -2px; left: -2px; vertical-align: middle; background: #CC6600; color: #fff; font-size: 17px; font-weight: bold;}
.window_label {position: absolute;	display: inline-block; padding: 2px 10px;	top: -2px; left: -2px; vertical-align: middle; background: #339966; color: #fff; font-size: 17px; font-weight: bold;}
.room_label {position: absolute;	display: inline-block; padding: 2px 10px;	top: -2px; left: -2px; vertical-align: middle; background: #CC9933; color: #fff; font-size: 17px; font-weight: bold;}
.film_label {position: absolute;	display: inline-block; padding: 2px 10px;	top: -2px; left: -2px; vertical-align: middle; background: #999999; color: #fff; font-size: 17px; font-weight: bold;}
.repair_label {position: absolute;	display: inline-block; padding: 2px 10px;	top: -2px; left: -2px; vertical-align: middle; background: #009999; color: #fff; font-size: 17px; font-weight: bold;}
.red_h1 {
	border-left: 4px solid #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 50px;
	padding-left: 10px;
}
.btn-edge {
	position: relative;
	display: inline-block;
	text-decoration: none;
	padding: 5px 30px 0;
	font-size: 19px;
	height: 23px;


  line-height: 40px!;
	background:#838383;
	font-size: large;
	color: rgb(255, 255, 255);


  transition: .4s;
	font-weight: bold;
}

.btn-edge:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 21px white;
  border-bottom: solid 41px transparent;
  z-index: 1;
  transition: .4s;
}

.btn-edge:after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 21px transparent;
  border-bottom: solid 41px white;
  z-index: 1;
  transition: .4s;
}