#film2:hover .filmi2 { position: relative; top: 0px; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } #film2 .filmi3 { -moz-transform: scale(0.4); -webkit-transform: scale(0.4); -o-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #film2:hover .filmi3 { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; } #film2 .filmi { width:  150px; height: 225px; text-align: center;  overflow: hidden; background-image : url(http://funkyimg.com/i/ZQiK.png); opacity: 0.1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #film2:hover .filmi { opacity: 1; transform: scale(1); -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; } #film2 .filmi .dong { width: 90px; background-color: #fff; height: 15px; line-height: 15px; color: #000; font-family: calibri; font-size: 8px; text-align: center; text-transform: uppercase; margin: 10px 5px 0px; }  #film2 { width: 150px; height: 225px; overflow: hidden; } #film2 .filmi2 { width: 150px; height: 225px; position: relative; top: -225px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; } 
.im {width: 40px;}