.view {
    width: 313px;
    height: 325px;
    position: relative;
}

    .view .mask, .view .content {
        width: 313px;
        height: 325px;
        position: absolute;
        top: 0;
    }

    .view img {
    }

    .view h2 {
        color: #fff;
        text-align: center;
        font-size: 17px;
        padding: 10px;
        margin: 20px 0px 0px 0px;
    }

    .view p {
        /*font-family: Trebuchet MS;*/
        /*font-style: italic;*/
        /*font-size: 12px;*/
        /*color: #fff;*/
        /*padding: 10px 20px 20px;*/
        /*text-align: center;*/
    }

    .view a.info {
        display: inline-block;
        padding: 7px 14px;
        color: #fff;
        -webkit-box-shadow: 0 0 1px #000;
        -moz-box-shadow: 0 0 1px #000;
        box-shadow: 0 0 1px #000;
        border: 1px solid #bdbdbd;
    }

        .view a.info:hover {
            -webkit-box-shadow: 0 0 5px #000;
            -moz-box-shadow: 0 0 5px #000;
            box-shadow: 0 0 5px #000;
            border: 1px solid #bdbdbd;
        }



    .view a.info2 {
        display: inline-block;
        padding: 7px 14px;
        color: #fff;
        /*-webkit-box-shadow: 0 0 1px #ffffff;
        -moz-box-shadow: 0 0 1px #ffffff;
        box-shadow: 0 0 1px #ffffff;*/
        border: 1px solid #bdbdbd;
        transition: all 0.3s ease-out;
    }

        .view a.info2:hover {
            -webkit-box-shadow: 0px 0px 6px #ffffff;
            -moz-box-shadow: 0px 0px 6px #ffffff;
            box-shadow: 0px 0px 6px #ffffff;
            border: 1px solid #bdbdbd;
            transition: all 0.3s ease-out;
        }