html,body{width:100%;height:100%;margin:0;padding:0;}
body{background-color:#777;}
.round{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;}

/* https://github.com/liviuholhos/panorama360/blob/master/css/panorama360.css */

/* layout */
.panorama,.panorama-view{width:100%;height:100%;overflow:hidden;}
.panorama,.panorama-container{position:relative;}
.panorama-container img{height:100%;position:absolute;top:0;}
.panorama .info,.panorama-view .area{position:absolute;display:block;}
.panorama .info{right:10px;bottom:10px;}

/* style */
.panorama-view{cursor:url(openhand.cur),default;}
.panorama-view.grab{cursor:url(closedhand.cur),default;}
.panorama .info{padding:6px;opacity:0.4;filter:alpha(opacity=40);background-color:#000;color:#fff;font:bold 11px Arial,sans-serif;text-decoration:none;outline:0;}
.panorama .info:hover{opacity:0.6;filter:alpha(opacity=60);}
.panorama-view .area{opacity:0.2;filter:alpha(opacity=20);background-color:#000;cursor:pointer;overflow:hidden;text-indent:-9999px;}
.panorama-view .area:hover{opacity:0.4;filter:alpha(opacity=40)}
.panorama-view img{-o-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;}