#slider {
  position: relative;
  overflow: hidden;
  margin: 0;
    width: 100%;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
    width: 100%;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

a.control_prev{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  z-index: 2;
  display: block;
    width: 45px;
    height: 90px;
  background-image: url(../img/home/arrow_slide_left.png);
	background-size: 100%;
  cursor: pointer;
}
a.control_next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  z-index: 2;
  display: block;
    width: 45px;
    height: 90px;
  background-image: url(../img/home/arrow_slide_right.png);
	background-size: 100%;
  cursor: pointer;
}

a.control_prev:hover{
    background-image: url(../img/home/arrow_slide_left_hover.png);
}
a.control_next:hover {
    background-image: url(../img/home/arrow_slide_right_hover.png);
}

a.control_prev {
}

a.control_next {
  right: 0;
}

@media all and (max-width: 600px){
	a.control_prev{
		width: 25px;
		height: 50px;
	}
	a.control_next {
		width: 25px;
		height: 50px;
	}
}