.needpopup-opened,.needpopup-opened body{overflow:hidden}
.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto}
.needpopup-opened.needpopup-scrolled body{position:fixed;width:100%}

.needpopup_wrapper{position:fixed;z-index:999999999999;top:0;left:0;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:40px 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;background:#000;background:rgba(0,0,0,.5)}

.needpopup-opened .needpopup_wrapper{visibility:visible;opacity:1}
.needpopup-overflow.needpopup_wrapper{padding:10px}
.needpopup{position:relative;z-index:9999;top:45%;left:50%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:800px;max-width:100%;margin-left:-400px; -webkit-transform:scale(.1,.1);-ms-transform:scale(.1,.1);transform:scale(.1,.1); opacity:0;  }


.needpopup .imgbox{overflow-y:auto; max-height:500px;}
.needpopup img{max-width:100%; }
.needpopup .txtbox{background:#fff; padding:20px; box-sizing:border-box;}  
.needpopup .txtbox h5{font-size:1.5em; font-weight:600;} 
.needpopup .txtbox p{font-size:1.1em; margin-top:5px; overflow-y: auto;  max-height: 120px; line-height:1.4;} 


.needpopup.opened{-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;-webkit-transform:scale(1,1);-ms-transform:scale(1,1); transform:scale(1,1); opacity:1}
.needpopup.stacked{top:0!important;margin-top:0!important}
.needpopup-overflow.needpopup{left:0;width:auto;margin-left:0}
.needpopup_remover:hover{color:#ccc}
.needpopup_remover:before{content:'×'}
.needpopup .needpopup_remover{top:-50px; right:0; width:30px; height:40px; position:absolute; font-size:50px; font-weight:400; color:#fff;  line-height:50px; text-align:center;   z-index:99999999999999999;  }
 
 @media all and (max-width:800px) {

  .needpopup{ width:90%; margin-left:0; left:5%  }

 }