.slider {

  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;

  background:#efeefe;
  font:14px "Open Sans",arial,sans-serif;    

  width:1466px;
  max-width:1620px;
  height:250px;
  overflow:hidden;
  margin: 0px 0px 0px -26px;
  box-shadow:2px 4px 10px rgba(125,125,125, 0.8);
}

.slider ul {
  list-style-type:none;
  width:30000px;
}

.slider ul li {
  position:relative;
  display:block;
  float:left;
  width:130px;
  border-left:1px solid rgba(145,145,145, 0.6);  
  box-shadow:0 0 20px 1px rgba(22,22,22, 0.5);
  
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  transition:all 0.5s ease;
}



.slider ul:hover li {
  width:40px;
}

.slider ul li:hover {
  
  width:600px;
}

.slider li img {
  
  display:block;
}

.title {
  
  position:absolute;
  left:0;
  bottom:0;
  width:600px;
  background:rgba(22,22,22,0.4);
  
}

.title a {
  display:block;
  padding:10px;
  color:white;
  font:18px;
  text-decoration:none;
  
  
}