/*Now the styles*/
* {
    margin: 0; 
    padding: 0;
}


.accordian {
    width: 980px; height: 710px;
    overflow: hidden;     
}
 
/*A small hack to prevent flickering on some browsers*/
.accordian ul {
    width: 2000px;
    /*T*/
}
 
.accordian li {
    position: relative;
    display: block;
    width: 196px;
    float: left;
     
    border-left: 1px solid #640000;
     
    
    /*Transitions to give animation effect*/
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    /*If you hover on the images now you should be able to 
    see the basic accordian*/
}
 
/*Reduce with of un-hovered elements*/
.accordian ul:hover li {width: 70px;}
/*Lets apply hover effects now*/
/*The LI hover style should override the UL hover style*/
.accordian ul li:hover {width: 700px;}
 
.accordian li img {
    display: block;
}