#images {
  margin-top:10px;		
  width: 620px;
  height: 290px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-right: 20px;
  background-color: #fd03e3;
}

#images img {
  width: 620px;
  height: 290px;
  background-color: #2545da;
  position: absolute;
  top: 0px;
  left: -400px;
  z-index: 1;
  opacity: 0;
  
  transition: all linear 500ms;
  -o-transition: all linear 500ms;
  -moz-transition: all linear 500ms;
  -webkit-transition: all linear 500ms;
}

#images img:target {
  left: 0;
  z-index: 9;
  opacity: 1;
}

#images img:first-child {
  left: 0;
  opacity: 1;
}

.slider-kiri{	
	margin-top: 10px;
	width: 140px;
	height: 90px;
	float: left;
	background-color:#f0f9a8;
}



.slider-kanan{	
	margin-top: 10px;
	width: 140px;
	height: 90px;
	float: right;
	background-color:#880000;
}

.slider-kiri a:hover,.slider-kanan a:hover{	
	margin-top: 5px;
	margin-bottom: 5px;
	width: 140px;
	height: 90px;
	float: left;
	background-color:#d9e21d;
}