#slider {

  position: relative;

  overflow: hidden;

  margin: 0 auto;

  border-radius: 4px;

}



#slider ul {

  position: relative;

  margin: 0;

  padding: 0;

  height: 200px;

  list-style: none;

}



#slider ul li {

  position: relative;

  display: block;

  float: left;

  margin: 0;

  padding: 0;

  width: 560px;

  height: 300px;

  background: #ccc;

  text-align: center;

  line-height: 300px;

}



a.control_prev, a.control_next {

  position: absolute;

  top: 40%;

  z-index: 999;

  display: block;

  padding: 1% 1%;

  width: auto;

  height: auto;

  background: #2a2a2a;

  color: #fff;

  text-decoration: none;

  font-weight: 600;

  font-size: 18px;

  opacity: 0.2;

  cursor: pointer;

}



a.control_prev:hover, a.control_next:hover {

  opacity: 0.7;

  -webkit-transition: all 0.2s ease;

}



a.control_prev {

  border-radius: 0 2px 2px 0;

}



a.control_next {

  right: 0;

  border-radius: 2px 0 0 2px;

}



.slider_option {

  position: relative;

  margin: 10px auto;

  width: 160px;

  font-size: 18px;

}

.slide-img {

	display:inline-block;

    position: relative;

	

	

}

.slide-img img {

max-width:560px;

max-height:300px;

text-align:center;

margin:auto;

-webkit-filter:contrast(150%) brightness(120%);

-moz-filter:contrast(150%) brightness(120%);

-ms-filter:contrast(150%) brightness(120%);

-o-filter:contrast(150%) brightness(120%);

filter: contrast(150%) brightness(120%);

}

.slide-img:hover img{

	max-height:320px;

-webkit-filter:contrast(100%) brightness(100%);

-moz-filter:contrast(100%) brightness(100%);

-ms-filter:contrast(100%) brightness(100%);

-o-filter:contrast(100%) brightness(100%);

filter: contrast(100%) brightness(100%);

-webkit-transition-property: max-height opacity; /* Safari */

    -webkit-transition-duration: .3s; /* Safari */

    transition-property: max-height opacity;

    transition-duration: .3s;

}

.slide-img:after {

    content:'';

    top: 0;

    left: 0;

    z-index: 10;

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    background: #f4db1e;

    opacity: 0.5;

	

}

.slide-img:hover:after {

    opacity: 0;

}