/*VERTPAN*/
.vertpan img {
  margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}
 
.vertpan img:hover {
  margin-left: -50px;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 

.pic {
  border: 2px solid #fff;  
  float: left;
  height: 157px;
  width: 200px;
  margin: 20px;
  overflow: hidden;
   
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  
}

/***************************************************************/
/*VERTPAN1*/
.vertpan1 img {
  margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}
 
.vertpan1 img:hover {
  margin-left: -33px;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 

.pic1 {
 
  height: 278px;
  width: 378px;
  margin: 1px;
  margin-top:5px;
  overflow: hidden;
   
 
}
/***************************************************************/
/*VERTPAN2*/
.vertpan2 img {
  margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}
 
.vertpan2 img:hover {
  margin-left: -30px;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 

.pic2 {
  
  float: left;
  height: 241px;
  width: 270px;
  
  overflow: hidden;
  
}
/***************************************************************/
/*VERTPAN3*/
.vertpan3 img {
  margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}
 
.vertpan3 img:hover {
  margin-left: -18px;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 

.pic3 {
    
/*  float: inherit;*/
  height: 241px;
  width: 238px;
 
  overflow: hidden;
   
}
/***************************************************************/
/*VERTPAN4*/
.vertpan4 img {
  margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}
.vertpan4 img:hover {
  margin-left: -20px;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 

.pic4 {
  height: 131px;
  width: 330px;
  
  overflow: hidden;
   
  
}
/***************************************************************/
/*VERTPAN5*/
.vertpan5 img {
  margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}
 
.vertpan5 img:hover {
  margin-left: -10px;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 

.pic5 {
 
  height: 260px;
  width: 306px;
 
  overflow: hidden;
   
  
}