.tp-wrap {
    position: relative;
    height: 100%;
    width: 100%;
}

    .tp-wrap .tp-pop-con {
        display: none;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 20px;
        height: 20px;
        background-color: #5b5b5b;
        color: #fff;
        padding-left: 4px;
        cursor: ne-resize;
        z-index: 3;
    }

    .tp-wrap:hover .tp-pop-con {
        display: block;
        opacity: 0.3;
    }

    .tp-wrap:hover textarea {
        padding-bottom: 20px;
    }

    .tp-wrap:hover .tp-pop-con:hover {
        opacity: 1;
    }

.tp-pop-modal {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9999;
}

    .tp-pop-modal .con {
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
        z-index: 9999999;
    }

    .tp-pop-modal .bg {
        opacity: 0.5;
        background-color: #000;
        width: 100%;
        height: 100%;
        position: absolute;
    }


    .tp-pop-modal .tp-modal-in {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        .tp-pop-modal .tp-modal-in .tp-text {
            resize: both;
            width:500px;
            height:300px;
            padding: 5px;
        }