@keyframes spin{to{transform:rotate(1turn);}
}
#container{margin:0;width:100%;height:auto;min-height:400px;}
/*.loader{margin:0 auto;width:60px;height:60px;border:3px solid transparent;border-radius:50%;border-top-color:#0096ff;animation:spin .8s ease infinite;}*/
.loader{margin:0 auto;width:60px;height:60px;margin-top:150px;}
code{padding:5px 10px;border-radius:3px;background-color:#f0f0f0;}

.vr-thumbnail-ul li{float:left;width:25%;padding:10px 2px 0 2px;}
.vr-thumbnail-ul li.on .img{border:6px solid #f19b3b;}
.vr-thumbnail-ul .box{display:block;}
.vr-thumbnail-ul .img{overflow:hidden;border:6px solid #fff;}
.vr-thumbnail-ul .img img{max-width: 100%;-webkit-transition: linear .5s;transition: linear .5s;}
.vr-thumbnail-ul .img img:hover{-webkit-transform: scale(1.03);transform: scale(1.03);-ms-transform: scale(1.03);}
.vr-thumbnail-ul .tit{margin-top:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;color:#114f99;}

.loader-progress{margin-top:40px;}
#progress{width:200px;margin:0 auto;}
#progress .complete{border-bottom-right-radius:5px;border-top-right-radius:5px;}

@media(max-width:1000px){
    .vr-thumbnail-ul li{padding:3px 2px 0 2px;}
    .vr-thumbnail-ul .tit{font-size:14px;}
}

@media(max-width:750px){
    .vr-thumbnail-ul li{width:50%;padding:3px 0px;}
    .vr-thumbnail-ul .tit{margin-top:1px;font-size:12px;}
}