a.p1
    {
        display: block;
        width: 20px;
        height: 20px;
        text-decoration: none;
        background: #fff;
        border: 0;
        float: left;
        position: relative;
        z-index: 50;
    }
    a.p1 img
    {
        display: block;
        border: 0;
    }
    a.p1:hover
    {
        text-decoration: none;
        background-color: #8c97a3;
        color: #000;
        position: relative;
        z-index: 500;
    }
    a.p1 b
    {
        display: block;
        position: absolute;
        left: -9999px;
        opacity: 0;
        border-radius: 3px;
        box-shadow: 0 15px 10px -15px rgba(0,0,0,0.4);
        -webkit-transition: opacity 0.6s ease-in-out;
        -moz-transition: opacity 0.6s ease-in-out;
        -o-transition: opacity 0.6s ease-in-out;
        -ms-transition: opacity 0.6s ease-in-out;
        transition: opacity 0.6s ease-in-out;
    }
    img.iPad
    {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
        z-index: 10;
    }
    a.p1:hover b
    {
         left: -110px;
        border: 1px solid #ddd;
        background: #fff;
        opacity: 1.0;
    }
    a.p1:hover ~ img.iPad
    {
        display: block;
    }