diff --git a/app/assets/javascripts/recordings.coffee b/app/assets/javascripts/recordings.coffee
index 460c7d30..a88ff483 100644
--- a/app/assets/javascripts/recordings.coffee
+++ b/app/assets/javascripts/recordings.coffee
@@ -58,7 +58,7 @@ class @Recordings
               str = ''
               if row.published
                 for d in data
-                  str += '<img height="50" width="50" src="'+d.url+'" alt="'+d.alt+'"></img> '
+                  str += '<img height="50" width="50" class="img-thumbnail" src="'+d.url+'" alt="'+d.alt+'"></img><img class="img-thumbnail large" src="'+d.url+'"></img>'
               return str
             return data
         },
diff --git a/app/assets/stylesheets/landing.scss b/app/assets/stylesheets/landing.scss
index 43435be9..b094ad2e 100644
--- a/app/assets/stylesheets/landing.scss
+++ b/app/assets/stylesheets/landing.scss
@@ -43,3 +43,20 @@
   }
 
 }
+
+.img-thumbnail{
+  padding: 4px;
+  background-color: white;
+  border: 1px solid #dddddd;
+  border-radius: 4px;
+
+  &.large{
+    display: none;
+  }
+
+  &:hover + &.large{
+    display: inline-block;
+    position: absolute;
+    z-index: 1;
+  }
+}