Edit in JSFiddle

Result
CSS
HTML

h2,p{padding:5px}

#overlay4{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
     z-index:1;
     height: 100%;
}

#overlay4 div{
            position: relative; 
            left: 50%; 
            margin-left:-150px;
            border: 1px solid #666;
            background-color: #000;
            border-radius:5px;
            color: #FFF;
            width:300px;
            z-index:3;
            top:10px;
    }

#overlay4 div.background{
            position: absolute; 
            width:100%;
            height: 100%;
            margin:auto;
            background-color: #000;
            opacity:0.5;
            z-index:2;
            top:0;
            left:0;
    }

<body>
   
    <div id="overlay4">
                
        <div>
            <h2>Some awesome title</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia aliquid perspiciatis maxime sint deleniti. Modi odio odit accusamus quam debitis amet obcaecati unde dolores dignissimos doloribus. Consequatur mollitia repellendus ut!</p>
        </div>
        <div class="background"></div>
    </div>
    
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod reprehenderit rem quia ea rerum adipisci tempore beatae quo consequatur vero aliquid unde accusantium facere illo fugiat non nostrum ducimus.</p>
    
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod reprehenderit rem quia ea rerum adipisci tempore beatae quo consequatur vero aliquid unde accusantium facere illo fugiat non nostrum ducimus.</p>
    
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod reprehenderit rem quia ea rerum adipisci tempore beatae quo consequatur vero aliquid unde accusantium facere illo fugiat non nostrum ducimus.</p>
    
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod reprehenderit rem quia ea rerum adipisci tempore beatae quo consequatur vero aliquid unde accusantium facere illo fugiat non nostrum ducimus.</p>
    
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod reprehenderit rem quia ea rerum adipisci tempore beatae quo consequatur vero aliquid unde accusantium facere illo fugiat non nostrum ducimus.</p>
    
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod reprehenderit rem quia ea rerum adipisci tempore beatae quo consequatur vero aliquid unde accusantium facere illo fugiat non nostrum ducimus.</p>
    <div>
        <input type="button" value="Show Model" />
    </div>
</body>