* { margin: 0; padding: 0; border: 0; }
ul, li { list-style: none; }
#container { width: 298px; height: 248px; position: relative; border: 1px solid #000; margin: 0 auto; overflow: hidden; background: #000000 }
.positionAb { position: absolute; }
#clickTag { position: absolute; display: block; left: 0; width: 298px; height: 248px; top: 0; z-index: 9999; rgba(0, 0, 0, 0 );}
#image1_img { left: 0; top: 0; opacity: 0; transition: all 2s ease; -moz-transition: all 2s ease; -webkit-transition: all 2s ease; transform-origin: 50% 43%; -webkit-transform-origin: 50% 43%; margin: -260px 0 0 -225px; 

    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}
img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#image1_img { opacity: 1;  }
#frame2_imgTitle { left: 67px; bottom: 14px; opacity: 0; transition: all 2s ease; -moz-transition: all 2s ease; -webkit-transition: all 2s ease; }
#title1 { top: 60px; left: 49px; opacity: 0; transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; }
#logo { top: 113px; opacity: 0; left: 53px; transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; }