@import url(http://fonts.googleapis.com/css?family=Lato);

body { background: #333 }

.accordion {
  width: 1150px; height: 320px;
  overflow: hidden;
  box-shadow: 0 10px 6px -6px #00BBFA;
  margin: 20px auto
}
.accordion ul { width: 200% }

.accordion li {
  position: relative;
  display: block;
  width: 160px;
  float: left;
  box-shadow: 0 0 30px 8px #00BBFA;
  transition: all 0.4s ease .300ms;
}

.accordion ul:hover li {width: 40px }
.accordion ul li:hover {width: 640px }

.caption {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;  
  width: 640px;
}

.caption a {

  display: block;
  color: #fff;
  text-decoration: none;
  font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 15px;
}
.sample{

  display: block;
  color: #fff;
  text-decoration: none;
  font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 15px;
}
p{
  font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 15px;

}