div#amazon-foods {
	background-color:#eee;
	border: 1px solid #ccc;
	padding:15px;
	max-width:1000px;
	max-height:300px;
}
.cssplay_auto {
	width:100%;
	max-width:1000px;
	position:relative;
	margin:0px auto;
	overflow:hidden;
}
.cssplay_auto img[id*="img"] {
width:100%;
position:absolute;
left:0;
top:0;
opacity:0;
max-height:297px;
}
/* set the width/height of the slideshow */
.cssplay_auto img#blank {
	display:block;
	width:100%;
	visibility:hidden;
}
/* the slideshow */
.cssplay_auto #img_01 {
	-webkit-animation:autoplay 21s linear infinite 0s;
	animation:autoplay 21s linear infinite 0s;
}
.cssplay_auto #img_02 {
	-webkit-animation:autoplay 21s linear infinite 3s;
	animation:autoplay 21s linear infinite 3s;
}
.cssplay_auto #img_03 {
	-webkit-animation:autoplay 21s linear infinite 6s;
	animation:autoplay 21s linear infinite 6s;
}
.cssplay_auto #img_04 {
	-webkit-animation:autoplay 21s linear infinite 9s;
	animation:autoplay 21s linear infinite 9s;
}
.cssplay_auto #img_05 {
	-webkit-animation:autoplay 21s linear infinite 12s;
	animation:autoplay 21s linear infinite 12s;
}
.cssplay_auto #img_06 {
	-webkit-animation:autoplay 21s linear infinite 15s;
	animation:autoplay 21s linear infinite 15s;
}
.cssplay_auto #img_07 {
	-webkit-animation:autoplay 21s linear infinite 18s;
	animation:autoplay 21s linear infinite 18s;
}
 @keyframes autoplay {
 4%, 14% {
opacity:1;
z-index:5;
}
 0%, 18%, 100% {
opacity:0;
z-index:0;
}
}
@-webkit-keyframes autoplay {
 4%, 14% {
opacity:1;
z-index:5;
}
 0%, 18%, 100% {
opacity:0;
z-index:0;
}
}
/* the slide timing indicator 
.cssplay_auto #slide {
	width:98px;
	height:5px;
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(255, 255, 255, 0.5);
	-webkit-animation:slide 3s linear infinite;
	animation:slide linear 3s infinite;
}
 @keyframes slide {
 0% {
left:-100px;
}
 100% {
left:100%;
}
}
@-webkit-keyframes slide {
 0% {
left:-100px;
}
 100% {
left:100%;
}
}*/