.accordian{
    /*width: 705px;*/
    height: 333px;
    overflow:hidden;
    
    margin: 100px auto;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0px 8px 6px -6px black;
  }
  .accordian ul{
    
  }
  .accordian li{
    position: relative;
    display:block;
    width:140px;
    float: left;
    
    border-left: 1px solid #888;
    -webkit-box-shadow: 0 0 25px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 25px 10px rgba(0,0,0,0.5);
    
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
  }
  
  
  .accordian ul:hover li{
    width: 50px;
  }
  
  .accordian ul li:hover{
    width:500px;
  }
  
  .accordian li img{
    display: block;
    max-width: none;
  }
  
  .image_title{
    background: rgba(0,0,0,0.5);
    position:absolute;
    left:0;
    bottom:0;
    width:500px;
  }
  
  .image_title a{
    display: block;
    color: #fff;
    text-decoration: none;
    padding:20px;
    font-size:16px;
  }