.jackbox-hover{width:100%;height:100%;display:block;position:absolute;background-position:center 75%;background-repeat:no-repeat;background-size:45px 45px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);-moz-transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);-o-transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);-ms-transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);}
.jackbox-hover:visited{text-decoration:none !;}
.jackbox-hover-black{background-color:#000;background-color:rgba(0, 0, 0, 0.65);}
.jackbox-hover-white{background-color:#FFF;background-color:rgba(255, 255, 255, 0.9);}
.jackbox-hover-magnify{background-image:url(../img/graphics/hover_magnify.png);}
.jackbox-hover-play{background-image:url(../img/graphics/hover_play.png);}
.jackbox-hover-document{background-image:url(../img/graphics/hover_document.png);}
.jackbox-hover-blur{background-color:#000;background-color:rgba(255, 255, 255, 0.25);}
.jackbox-canvas-blur{position:absolute;top:0;left:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);-moz-transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);-o-transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);-ms-transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);}
.jackbox:hover > .jackbox-hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);background-position:center center;}
.jackbox:hover > .jackbox-canvas-blur{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);}
.jackbox > .jackbox-hover-black,
.jackbox > .jackbox-hover-blur,
.jackbox:visited > .jackbox-hover-black,
.jackbox:visited > .jackbox-hover-blur{color:#EEE;}
.jackbox > .jackbox-hover-white,
.jackbox:visited > .jackbox-hover-white{color:#333;}
.jackbox{font:14px "Mako", sans-serif;text-decoration:none;line-height:0;}
.jackbox-hover p{margin:0;text-align:left;padding:10px 10px 0 10px;line-height:normal;}
.jackbox-tooltip{position:absolute;display:inline-block;pointer-events:none;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:1px solid #FFF;border-bottom:none;background:#f5f5f5;background:-moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e5e5e5));background:-webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);background:-o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);background:-ms-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);background:linear-gradient(to bottom, #f5f5f5 0%, #e5e5e5 100%);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);box-shadow:0 0 5px rgba(0, 0, 0, 0.15);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);-moz-transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);-o-transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);-ms-transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);transition:all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);}
.jackbox-tooltip p{font:14px "Mako", sans-serif;line-height:normal;white-space:nowrap;padding:6px 10px 7px 10px;margin:0;color:#444;text-shadow:1px 1px 0 #FFF;}
.jackbox-tooltip p:after{width:0;height:0;content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #E5E5E5;position:absolute;bottom:-10px;left:65%;}
@media
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx){.jackbox-hover-magnify{background-image:url(../img/graphics/retina/hover_magnify@2x.png);}
.jackbox-hover-play{background-image:url(../img/graphics/retina/hover_play@2x.png);}
.jackbox-hover-document{background-image:url(../img/graphics/retina/hover_document@2x.png);}
}