div#slideshow-banner { height:300px; width:400px; overflow:hidden; position:relative; margin:10px auto; float: right; }
div#slideshow-banner ul { width:100%; height:100%; }
#slideshow-controller {
  position: absolute;
  bottom: 10px;
  left: 15%;
}
#slideshow-banner li{
	list-style: none;
}
#controller-left, #controller-right{
	
}
#slideshow-banner ul { position: relative; }

#slideshow-banner ul .slideshow-item { position: absolute }

#controller-left {
  position: absolute;
  left: 15%;
  top: 45%;
  cursor: pointer;
}

#controller-right {
  position: absolute;
  right: 2%;
  top: 45%;
  cursor: pointer;
}

.controller-item {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #00AFEF;
  margin-right: 10px;
  border-radius: 10px;
  opacity: 0.5;
  cursor: pointer;
}

.controller-item-hover {
  opacity: 1;
  background: #ccc;
  transform: rotateX(360deg);
  transition: transform 2s;
}

.slideshow-transform {
  transform: scale(1.1, 1.1);
  transition: transform 8s;
}
.slideshow-item img{
	border: none;
}