.show {
  width: 200px;
  height: 300px;
  margin-right: 80px;
  display: inline-block;
  border: 1px solid black;
  margin-bottom: 50px;
}

.show1 {
  animation: show1 2s ease-out infinite;
}

@keyframes show1 {
  0% {
    transform: rotateX(0deg);
  }

  100% {
    transform: rotateX(360deg);
  }
}

.show2 {
  animation: show2 2s ease-out infinite;
}

@keyframes show2 {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}

.show3 {
  animation: show3 2s ease-out infinite;
}

@keyframes show3 {
  0% {
    transform: rotateZ(0deg);
  }

  100% {
    transform: rotateZ(360deg);
  }
}

.show4 {
  animation: show4 2s ease-out infinite;
}

@keyframes show4 {
  0% {
    transform:perspective(400px) rotate3d(0, 0, 0, 0deg);
  }

  100% {
    transform: perspective(400px) rotate3d(1, 1, 1, -360deg);
  }
}

.content2 {
 width: 900px;
 min-height: 100px;
 margin-left: auto;
 margin-right: auto;
 padding: 150px 50px;
 background-color: #f0f0f0;
 box-shadow: inset 0 0 3px rgba(0,0,0,.35);

  -webkit-perspective: 800px;
    -moz-perspective: 800px;
           perspective: 800px;

 -webkit-transition: top .5s;

 position: relative;
 top: 0;
}

.photoShow {
  width: 200px;
	height: 150px;
	margin-left: -64px;

	-webkit-transition: -webkit-transform 1s;
	   -moz-transition: -moz-transform 1s;
	        transition: transform 1s;

	-webkit-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	       transform-style: preserve-3d;

	position: absolute;
	left: 50%;
    animation: photo 20s linear infinite;
}

@keyframes photo {
  0%{
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(-360deg);
  }
}

.photoShow .photo-item {
  display: inline-block;
  width: 200px;
  height: 150px;
	box-shadow: 0 1px 3px rgba(0,0,0,.5);
	-webkit-transition: opacity 1s, -webkit-transform 1s;
       -moz-transition: opacity 1s, -moz-transform 1s;
            transition: opacity 1s, transform 1s;
	position: absolute;
	bottom: 0;
}

.photo-item img {
  width: 100%;
  height: 100%;
}

.content3 {
  border: 1px solid black;
}

.scale-one {
  margin-left: 50px;
  margin-top: 50px;
  display: inline-block;
  animation: 2s scaleOne ease-out  infinite;
}

@keyframes scaleOne {
  0% {
    transform: scale(1);
    opacity: 0;
  }

  100% {
    opacity: 1;
    transform: scale(3.6);
  }
}


.scale-two {
  margin-left: 50px;
  margin-top: 50px;
  display: inline-block;
  animation: 2s scaleTwo ease-out  infinite;
}

@keyframes scaleTwo {
  0% {
    transform: scale(3.6);
    opacity: 0;
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}