Fix bug with hotspots in CSS 3D renderer.

src/css/pannellum.css

@@ -282,7 +282,6 @@ div.tooltip span {
     color: #fff;
     text-align: center;
     max-width: 200px;
-    z-index: 10;
     padding: 5px 10px;
     margin-top: -41px;
     margin-left: -220px;
@@ -314,13 +313,6 @@ div.tooltip:hover:after {
     display: none;
 }
 
-.viewport {
-    position: relative;
-    float: left;
-    overflow: hidden;
-    width: 100%;
-    height: 100%;
-}
 .world {
     display: none;
     position: absolute;

src/js/pannellum.js

@@ -1261,7 +1261,6 @@ function loadScene(sceneId, targetPitch, targetYaw) {
     if (targetYaw) {
         config.yaw = targetYaw;
     }
-    console.log()
     load();
     
     // Fade if specified
@@ -1269,7 +1268,7 @@ function loadScene(sceneId, targetPitch, targetYaw) {
         // For some unclear reason, the fade doesn't work without the timeout
         setTimeout(function() {
             fadeImg.style.opacity = 0;
-        }, 1);
+        }, 10);
         
         // Remove image
         setTimeout(function() {