/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
#slideshow {
  position:relative;
  width:240px;
  height:160px;
  width:300px;
  height:180px;
  overflow:hidden;
/*  border:8px solid #fff;*/
  -webkit-box-shadow:1px 1px 5px #000;
  -moz-box-shadow:1px 1px 5px #000;
  -o-box-shadow:1px 1px 5px #000;
  box-shadow:1px 1px 5px #000;
}
#slideshow img {
  position:absolute;
/*  width:460px;
  height:340px;*/
  width:120%;
  height:120%;
  top:50%;
  left:50%;
  margin-left:-180px;
  margin-top:-120px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 12s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 3s, 12s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 3s, 12s;
  transition-property: opacity, transform;
  transition-duration: 3s, 12s;
}



#slideshow img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#slideshow :nth-child(2n) {
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}
#slideshow :nth-child(2n+1) {
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}
#slideshow :nth-child(3n+1) {
  -webkit-transform-origin: right;
  -moz-transform-origin:  right;
  -o-transform-origin:  right;
  transform-origin:  right;
}
#slideshow :nth-child(4n+1) {
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}
#slideshow :nth-child(5n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}
#slideshow :nth-child(6n+1) {
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}
#slideshow :nth-child(7n+1) {
  -webkit-transform-origin: right;
  -moz-transform-origin:  right;
  -o-transform-origin:  right;
  transform-origin:  right;
}
#slideshow :nth-child(8n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
#slideshow :nth-child(9n+1) {
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}
#slideshow :nth-child(10n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}

#slideshow .fx:first-child + img ~ img {
	z-index:-1;
}
#slideshow .fx {
  -webkit-transform: scale(1.2) translate(30px);
  -moz-transform: scale(1.2) translate(30px);
  -o-transform: scale(1.2) translate(30px);
  transform: scale(1.2) translate(30px);
  opacity:1;
}

#slideshow .fx_tmp  {
  -webkit-transform: scale(0.9) translate(30px);
  -moz-transform: scale(0.9) translate(30px);
  -o-transform: scale(0.9) translate(30px);
  transform: scale(0.9) translate(30px);
  opacity:1;
}