Refining modal styles and responsive structures

src/scss/components/_playback-controls.scss

@@ -27,6 +27,45 @@
 		.thumbnail {
 			float: left;
 			margin: 12px;
+
+			&:before {
+				@include animate();
+				display: block;
+				content: "\f065";
+				font-family: "FontAwesome";
+				position: absolute;
+				top: 50%;
+				left: 0;
+				bottom: 0;
+				right: 0;
+				margin-top: -9px;
+				text-align: center;
+				font-size: 18px;
+				color: $white;
+				z-index: 1;
+				opacity: 0;
+			}
+
+			&:after {
+				@include animate();
+				content: '';
+				display: block;
+				background: rgba(0,0,0,0.75);
+				position: absolute;
+				top: 0;
+				left: 0;
+				bottom: 0;
+				right: 0;
+				border-radius: 3px;
+				opacity: 0;
+			}
+
+			&:hover{
+				&:after,
+				&:before {
+					opacity: 1;
+				}
+			}
 		}
 
 		.title {