body{
    background:#f0f0f0;
  }
  .gallery{
      position:relative;
      top:100px;
      /*left:100px;*/
  }
  .gallery li{
      position:absolute;
      display:block;
      margin:0;
      list-style-type:none;
      /*padding:10px 10px 30px 10px;
      background:#fff;
      border:solid black 1px;*/
      -webkit-box-shadow:2px 2px 4px #333333;
      -webkit-transition: -webkit-transform 0.5s ease;
      -moz-box-shadow:2px 2px 4px #333333;
      -moz-transition: -moz-transform 0.5s ease;
      box-shadow:2px 2px 4px #333333;
      transition: transform 0.5s ease;
  }
  .gallery li.active{
      /*-webkit-transform:rotate(0deg) ;
      -moz-transform:rotate(0deg) ;
      transform:rotate(0deg);*/
  }
  .gallery img{
      display:block;
      width: 100%;
      max-width: 400px;
      max-height: 400px;
      -webkit-transition: width 0.75s;
      -moz-transition: width 0.75s;
      transition: width 0.75s;
  }

  ul.gallery {
    padding-left: unset;
  }
  /*.gallery .active img{
      display:block;
      width:640px;
  }*/