table {
    width: 800px;
    margin: 10px auto;
}
td {
    width: 160px;
    height: 135px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
img {
    top: 22%;
    left: 50%;
    margin-top: -120px;
    margin-left: -160px;
    position: absolute;   
}
table:hover td {
    width:80px;
    height:30px;
    
}
table:hover tr:hover td {
    height:550px;
}
table td:hover {
    width:300px;
    height:550px;
}