/* common */
.hidden{display: none;}
.form-control{border-color:#cfdadd;border-radius:2px;padding: 6px 8px;}
.form-control,.form-control:focus{box-shadow:none}
.form-control:focus{border-color:#6081d8}

.pano-view-page a{outline: none;}
.pano-view-page a:focus,.pano-view-page a:active{text-decoration: none;}
.pano-view-page a:hover{text-decoration: none;opacity: .8;}
.pano-page{position:absolute;top:0;left:0;bottom:0;right:0;background: url("/static/pano/images/loading.gif") no-repeat center center #eff7fe;background-size: 15% auto;}
html { height:100%; }
body { height:100%; overflow: hidden; margin:0; padding:0;background: url("/static/pano/images/loading.gif") no-repeat center center #eff7fe;background-size: 15% auto;}
.pano{width:100%;height:100%;}
.pano{display: none;z-index: 999999;transition-duration: .2s; transition-timing-function: ease;transition: all .6s}


/*弹窗*/
/*http://www.iconfont.cn/collections/show/32*/
.pano-modal{z-index:999999999;visibility:visible;left:50%;margin-left:-400px;max-width:800px;position:absolute;top:20px;width:90%;border:1;}
.pano-modal-bg{cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999999;opacity: 0.6}
.pano-modal .modal-title{margin:0;background:#fff;color:#666;height:36px;line-height:36px;text-align:left;overflow: hidden;border-bottom: 1px solid #eee;}
.modal-title h2{margin: 0;font-size:15px;font-weight: normal;display: inline-block;text-indent: 12px;}
.pano-modal .modal-close{cursor:pointer;position:absolute;width:30px;height:36px;text-align:center;top:0;right:0}
.pano-modal .modal-close span{font-size:28px;color: #888}
.pano-modal .modal-close:hover{opacity: .8;}
.pano-modal-small{margin-left:-200px;max-width:400px;}
.pano-modal-content {background:#fff;box-shadow:0 1px 5px 2px #444;border-radius: 5px;overflow: hidden;}
.pano-modal-content .msg{margin:13px 0 8px;padding:13px 25px 30px;font-size:14px;border-bottom:1px solid #eee;color: #666;line-height: 1.6em;text-align: center;}
.pano-modal-content .insure-btn-con{text-align:center;padding: 4px 0;}
.pano-modal-content .insure-btn-con span{display:inline-block;margin: 0 16px;padding:6px 15px;padding:6px 15px;cursor:pointer;width: auto;height: auto;}
.pano-modal-content .insure-btn-con span:hover{opacity:.7} 
.pano-modal-content .sure-btn{color:#fff;background-color:#4b8df8;border:1px solid #4b8df8;background-image: none;position: inherit;}
.pano-modal-content .cancel-btn{border:1px solid #ddd;background-color:#fff;}
.pano-modal-content .conts{font-size:14px;line-height:1.6em;padding:20px;height: 500px;word-wrap:break-word; overflow-x:scroll; overflow-y: scroll;}
.pano-modal-content .conts p{margin-bottom:10px}
.pano-modal-content .conts img{display:inline-block;max-width:100%}
.pano-modal-content .iframe{position: relative;z-index: 1; overflow: auto;max-width: 100%;background:url(http://editor.vgoyun.com/krpano/images/loading.gif) center center no-repeat; }
.pano-modal-content .iframe-rotate{margin: 0 20px;}
.pano-modal-content iframe{position: absolute;top: 0; left: 0; max-width: 100%;height: 100%;}
.pano-modal-content .button{color: #fff;background: #439ffa;border-radius: 3px;padding: 4px 0;font-size: 15px;display: block;padding: 4px 0;text-align: center;letter-spacing: 2px;margin-top: 2em;}
.pano-modal-content .button:hover{opacity: .7;}

.pano-modal-full{width: 98%;max-width: 98%;left:1%;margin:0;top:2%;}

@media only screen and (max-width:900px){
    .pano-modal{width: 96%;left:2%;margin:0;top:2%;}
    .pano-modal-small{width:84%;left: 8%;max-width: 700px; }
    .pano-modal-content .iframe-rotate{margin: 0 5px;}
    .pano-modal-content iframe{height: 99.5%;}
}