Image Rollover popups

by freedawirl

HTML

<div class="thumbnails">
    <div class="thumbnail">
    <img src="http://capmetro.org/uploadedImages/New2016/Plans_and_Development/Join_The_Movement/Traffic-Jam-Join-the-Movement-chicklet.jpg" />
</div>
<div class="thumbnail">
    <img src="http://capmetro.org/uploadedImages/New2016/Plans_and_Development/Join_The_Movement/Traffic-Jam-Join-the-Movement-chicklet.jpg" />
</div>
<div class="thumbnail">
    <img src="http://capmetro.org/uploadedImages/New2016/Plans_and_Development/Join_The_Movement/Traffic-Jam-Join-the-Movement-chicklet.jpg" />
</div>
</div>

CSS

.thumbnails {
    padding: 35px;
}
.thumbnail {
    float:left;
    position:relative;
    width: 70px;
    margin-right: 10px;
}
.thumbnail img{
    /* ... */
    width:70px;
    height:50px;
}    

.thumbnail:hover img {
    position:relative;
    top:-25px;
    left:-35px;
    width:140px;
    height:100px;
    display:block;
    z-index:999;
}