.imgDiv,.imgMapDiv {position:relative;overflow: hidden; display: inline-block; cursor: pointer;}
.imgContent {position:absolute;top:0;left:0; height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; z-index:999;}
.imgContent>i{margin-top:30%;}
.imgTxt{position:absolute;left:0; width:100%; height:100%;z-index:1000;}
.imgTxt>p{position:relative;color: #fff; font-size: 12px;padding:10px;}
.topBtn{position:fixed;z-index:1002;bottom:-30px;width:100%;margin:0 auto;cursor:pointer;}
.topBtn>div{background: #6c757d;color: #fff;width: 65px;height: 65px;margin: 0 auto;text-align: center; padding: 10px 0;}
#loadingAlert{display: none; text-align: center; padding: 10px; margin: 10px 0;}
#scrollAnchor {height: 1px;}

@media (min-width: 992px) and (max-width: 1199px) {
  .imgDiv:hover .imgContent, .imgDiv:focus .imgContent { -ms-transform: scale(1.5); -moz-transform:scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  .imgDiv:hover .imgTxt, .imgMapDiv:hover .imgTxt{background:#00000050; background: rgba(0,0,0,.5);}
  .imgTxt>p{position:absolute;bottom:0;left:0;opacity:0; filter: alpha(opacity=0); zoom: 1;font-size: 16px;}
  .imgDiv:hover .imgTxt>p, .imgMapDiv:hover .imgTxt>p{display: block;opacity:100;filter: alpha(opacity=100);zoom: 1;}
}

@media (min-width: 1200px) {
  .imgDiv:hover .imgContent, .imgDiv:focus .imgContent { -ms-transform: scale(1.5); -moz-transform:scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  .imgDiv:hover .imgTxt, .imgMapDiv:hover .imgTxt{background:#00000050; background: rgba(0,0,0,.5);}
  .imgTxt>p{position:absolute;bottom:0;left:0;opacity:0; filter: alpha(opacity=0); zoom: 1; font-size: 20px;}
  .imgDiv:hover .imgTxt>p, .imgMapDiv:hover .imgTxt>p{display: block;opacity:100;filter: alpha(opacity=100);zoom: 1;}
}