.htmleaf-container{
  width: 1200px;height: 70vh;margin: auto;background: url(../images/huodong_zixun_bg.png);position: relative;
}

#itemdescription {
  position: absolute;
  width: 400px;
  margin: 0 auto;
  font-size: 12px;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.2);
  right: 70px;
  top: 130px;
}

  #itemdescription .itemdescription_list {
    display: none;
  }

#itemlist {
  top: 5.5vh;
  display: block;
  width: 700px;height: 65vh;
  margin: 3em auto;
  position: relative;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

#itemlist img {
  position: absolute;
  cursor: pointer;
  left: 0;
  box-shadow: 0 0 15px rgba(0,0,0,0.9);
}

  #itemlist img:hover {
    top: -5px;
  }

#itemlist img.item-0 {
  z-index: 4;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

#itemlist img.item-1 {
  z-index: 3;
  left: -80px;
  -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
       -o-transform: scale(0.9);
          transform: scale(0.9);
}

#itemlist img.item-2 {
  z-index: 2;
  left: -160px;
  -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}

#itemlist img.item-3 {
  z-index: 1;
  left: -240px;
  -webkit-transform: scale(0.7);
     -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
       -o-transform: scale(0.7);
          transform: scale(0.7);
}

.transition {
  -webkit-transition: 0.5s ease-out;
     -moz-transition: 0.5s ease-out;
      -ms-transition: 0.5s ease-out;
       -o-transition: 0.5s ease-out;
          transition: 0.5s ease-out;
}

.show {
  -webkit-animation: show .8s linear;
     -moz-animation: show .8s linear;
      -ms-animation: show .8s linear;
       -o-animation: show .8s linear;
          animation: show .8s linear;
}
  		
@-webkit-keyframes show{
  25% {
    left: -100px;
  }

  50% {
    z-index: 5;
    left: -120px;
    -webkit-transform: rotate3d(0,1,0,0deg);
  }

  70% {
    z-index: 5;
    left: -140px;
    -webkit-transform: rotate3d(0,1,0,0deg);
  }

  100% {
    z-index: 5;
    left: 0px;
    -webkit-transform: rotate3d(0,1,0,0deg);
  }
}
  		
@-moz-keyframes show{
  25% {
    left: -100px;
  }

  50% {
    z-index: 5;
    left: -120px;
    -moz-transform: rotate3d(0,1,0,0deg);
  }

  70% {
    z-index: 5;
    left: -140px;
    -moz-transform: rotate3d(0,1,0,0deg);
  }

  100% {
    z-index: 5;
    left: 0px;
    -moz-transform: rotate3d(0,1,0,0deg);
  }
}
  		
@-ms-keyframes show{
  25% {
    left: -100px;
  }

  50% {
    z-index: 5;
    left: -120px;
    -ms-transform: rotate3d(0,1,0,0deg);
  }

  70% {
    z-index: 5;
    left: -140px;
    -ms-transform: rotate3d(0,1,0,0deg);
  }

  100% {
    z-index: 5;
    left: 0px;
    -ms-transform: rotate3d(0,1,0,0deg);
  }
}
  		
@-o-keyframes show{
  25% {
    left: -100px;
  }

  50% {
    z-index: 5;
    left: -120px;
    -o-transform: rotate3d(0,1,0,0deg);
  }

  70% {
    z-index: 5;
    left: -140px;
    -o-transform: rotate3d(0,1,0,0deg);
  }

  100% {
    z-index: 5;
    left: 0px;
    -o-transform: rotate3d(0,1,0,0deg);
  }
}
  		
@keyframes show{
  25% {
    left: -100px;
  }

  50% {
    z-index: 5;
    left: -120px;
    transform: rotate3d(0,1,0,0deg);
  }

  70% {
    z-index: 5;
    left: -140px;
    transform: rotate3d(0,1,0,0deg);
  }

  100% {
    z-index: 5;
    left: 0px;
    transform: rotate3d(0,1,0,0deg);
  }
}