Update1 p1

#box1{
    height:14px;
    overflow:hidden;
    border-bottom:1px solid #efefef;
    background-color:#fff;
    z-index:99999999999999999;
    padding-top:4px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition:
    all 0.5s ease-in-out;
}
#box1:hover{
    height:270px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
#box2{
    height:14px;
    overflow:hidden;
    border-bottom:1px solid #efefef;
    background-color:#fff;
    z-index:99999999999999999;
    padding-top:4px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
#box2:hover{
    height:235px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
#box3{
    height:14px;
    overflow:hidden;
    border-bottom:1px solid #efefef;
    background-color:#fff;
    z-index:99999999999999999;
    padding-top:4px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
#box3:hover{
    height:125px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
#box4{
    height:14px;
    overflow:hidden;
    border-bottom:1px solid #efefef;
    background-color:#fff;
    z-index:99999999999999999;
    padding-top:4px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
#box4:hover{
    height:235px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
#box5{
    height:14px;
    overflow:hidden;
    border-bottom:0px solid #efefef;
    background-color:#fff;
    z-index:99999999999999999;
    padding-top:4px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
#box5:hover{
    height:200px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
#box{
    text-align:center;
    font-size:8px;
    line-height:10px;
    text-transform:uppercase;
    opacity: .8;
    position:fixed;
    font-family:trebuchet, sans-serif;
    left:20px;
    width:104px;
    z-index:9999;
    top:25px;
}