.login-pop .popbg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    z-index:11;
}

.login-pop .popbox {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -182px 0 0 -240px;
    width: 480px;
    height: 364px;
    background: url(/Content/Images/login/login-popbg.png) no-repeat;
    z-index:12; 
}

    .login-pop .popbox .titles {
        position: absolute;
        top: 88px;
        left: 0;
        width: 480px;
        text-align: center;
        line-height:26px;
        font-size: 18px;
        color: #373642;
    }

        .login-pop .popbox .titles .red {
            color: #dc0107;
        }

    .login-pop .popbox .btn {
        position: absolute;
        bottom: 55px;
        left: 50%;
        margin-left: -100px;
        width: 200px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #523a4c;
        background-image: linear-gradient(to right, #fdeadb, #fecdaf);
        cursor: pointer;
    }

        .login-pop .popbox .btn:hover {
            opacity: .8;
        }

    .login-pop .popbox .count-downs {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 480px;
        padding: 0;
        text-align: center;
        font-size: 14px;
        color: #fff;
    }

    .login-pop .popbox .close {
        position: absolute;
        top: 30px;
        right: 10px;
        text-align: center;
        font-size: 26px;
        color: #d5c0c0;
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }