.video-preview-wrapper { position:relative; float:left; margin:0 0 12px 0; } .video-preview-inner { width:194px; height:277px; background:#f2f2f2; border:1px solid #c7c7c7; padding:12px; display:block; text-decoration:none; transition: background 1s ease-out 0s; } .video-preview-inner:hover { text-decoration:none; background: none repeat scroll 0 0 #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 2px white inset; } .video-preview-inner .video-thumbnail img { border:1px solid #f2f2f2; } .video-preview-inner:hover .video-thumbnail img { border:1px solid #A0A0A0; } .video-preview-title { color:#004687; font-size:13px; } .video-preview-description { color:#595959; } .video-preview-description .bodytext { margin: 0.5em 0; } .video-preview-footer { position:absolute; left:12px; bottom:5px; } .video-preview-footer a { text-decoration:none; color:#004687; } .video-preview-footer a:hover { text-decoration:underline; } .video-preview-view { padding-left:10px; background: url(/fileadmin/templates/images/video-preview-play.gif) no-repeat 0 center; } .video-preview-download { padding-left:13px; background: url(/fileadmin/templates/images/video-preview-download.gif) no-repeat 0 center; } .c33r .subcr { padding: 0; }