abrir ventana emergente css cuando se completa la carga de la página

yo tengopopup puro css esta ventana emergente funciona en el botón de clic, pero necesito abrir esta división cuando se completa la carga de la página

<div class="wrap">
        <a href="#modal-one" class="btn btn-big">Modal!</a>
    </div>
    <!-- Modal -->
    <div class="modal" id="modal-one" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-header">
                <h2>Modal in CSS?</h2>
                <a href="#" class="btn-close" aria-hidden="true">×</a>
            </div>
            <div class="modal-body">
                <p>One modal example here! :D</p>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn">Nice!</a>
            </div>
        </div>
    </div>
Jsfiddle

cuando se carga la página, necesito abrir esta ventana automáticamente y la segunda opción haciendo clic

alguien me puede ayudar

Respuestas a la pregunta(1)

Su respuesta a la pregunta