/* layout */
div.panorama{
  width: 400px;
  height: 250px;
  border:    5px  solid #999999;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  direction: ltr;
}

.panorama,.panorama-view {
height:100%;
overflow:hidden;
width:100%;
}

.panorama,.panorama-container {
position:relative;
}

.panorama-container img {
height:100%;
position:absolute;
top:0;
}

.panorama .info,.panorama-view .area {
display:block;
position:absolute;
}

.panorama .info {
background-color:#555555;
bottom:10px;
opacity:0.4;
padding:4px;
right:10px;
text-decoration:none;
  font-size: 9px;
  border-radius: 5px;
  color: #FFFFFF
}

/* style */
.panorama-view {
cursor:url(../img/openhand.cur),default;
}

.panorama-view.grab {
cursor:url(../img/closedhand.cur),default;
}

.panorama .info:hover {
opacity:0.6;
}

.panorama-view .area {
background-color:#000;
cursor:pointer;
opacity:0.2;
overflow:hidden;
text-indent:-9999px;
}

.panorama-view .area:hover {
opacity:0.4;
}

.panorama-view img {
-moz-user-select:none;
-o-user-select:none;
-webkit-user-select:none);
user-select:none;
}