diff --git a/css/bigvideo.css b/css/bigvideo.css
index a408bf8..2541b64 100755
--- a/css/bigvideo.css
+++ b/css/bigvideo.css
@@ -19,4 +19,12 @@
 #big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
 #big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}
 .transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
-.vjs-big-play-button{display:none !important;}
\ No newline at end of file
+.vjs-big-play-button{display:none !important;}
+#big-video-vid,
+#big-video-image {
+  opacity: 0;
+}
+#big-video-vid.showit,
+#big-video-image.showit {
+  opacity: 1;
+}
diff --git a/lib/bigvideo.js b/lib/bigvideo.js
index e7a9338..1a97719 100644
--- a/lib/bigvideo.js
+++ b/lib/bigvideo.js
@@ -204,7 +204,7 @@
 		function playVideo(source) {
 
 			// clear image
-			$(vidEl).css('display','block');
+			$(vidEl).addClass('bigvideo-show');
 			currMediaType = 'video';
 			player.src(source);
 			isPlaying = true;
@@ -221,8 +221,8 @@
 				});
 				doLoop = false;
 			}
-			$('#big-video-image').css('display','none');
-			$(vidEl).css('display','block');
+			$('#big-video-image').removeClass('bigvideo-show');
+			$(vidEl).addClass('bigvideo-show');
 		}
 
 		function showPoster(source) {
@@ -231,12 +231,12 @@
 
 			// hide video
 			player.pause();
-			$(vidEl).css('display','none');
+			$(vidEl).removeClass('bigvideo-show');
 			$('#big-video-control-container').css('display','none');
 
 			// show image
 			currMediaType = 'image';
-			var bgImage = $('<img id="big-video-image" src='+source+' />');
+			var bgImage = $('<img id="big-video-image" class="bigvideo-show" src='+source+' />');
 			wrap.append(bgImage);
 
 			$('#big-video-image').imagesLoaded(function() {
@@ -369,4 +369,4 @@
 
 	};
 
-});
\ No newline at end of file
+});