#ADwrapper {
	display: block;
	width: 296px;
	height: 343px;
}
#ADcontainer {
	display: block;
	float: left;
	overlow: auto;
	width: 296px;
	height: 343px;
}
#prev {
	background-image: url(//static.c-spanvideo.org/booknotes/images/arrow_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	position:relative;
	display: block;
	float: left;
	height: 343px;
	width: 45px;
	z-index: 99;
}
#next {
	background-image: url(//static.c-spanvideo.org/booknotes/images/arrow_right.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position:relative;
	float: right;
	height: 343px;
	width: 45px;
	z-index: 99;
}
#slider {
	display: block;
	float: left;
	height: 343px;
	width: 296px;
	position: absolute;
	overflow: hidden;
}
#slider div {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  font-size: 0;
  animation: 20s slider infinite;
}
#slider div img {
  width: 20%;
  float: left;
}
@keyframes slider {
  0% {
    left: 0%;
  }
  20% {
    left: 0%;
  }
  25% {
    left: -100%;
  }
  45% {
    left: -100%;
  }
  50% {
    left: -200%;
  }
  70% {
    left: -200%;
  }
  75% {
    left: -300%;
  }
  95% {
    left: -300%;
  }
}