body,html {
    margin: 0;
    padding: 0;
}

.class1 {
    width: 150px;
    height: 72px;
    margin: -5px auto;
    display: block;
    background-image: url(images/3.jpg);
    background-repeat: no-repeat;
}

.class1_1 {
    background-position: -150px 5px;
}

    .class1_1:hover {
        background-position: 0px 5px;
    }

.class1_2 {
    margin-top: 5px;
    background-position: -150px -67px;
}

    .class1_2:hover {
        background-position: 0px -67px;
    }

.class1_3 {
    margin-top: 7px;
    background-position: -150px -141px;
}

    .class1_3:hover {
        background-position: 0px -141px;
    }

.class1_4 {
    height: 72px;
    margin-top: 5px;
    background-position: -150px -213px;
}

    .class1_4:hover {
        background-position: 0px -213px;
    }

.class2 {
    width: 150px;
    height: 92px;
    margin: 0 auto;
    display: block;
    background-image: url(images/2.jpg);
    background-repeat: no-repeat;
}

.class2_1 {
    background-position: -150px 0px;
}

    .class2_1:hover {
        background-position: 0px 0px;
    }

.class2_2 {
    margin-top: 5px;
    background-position: -150px -94px;
}

    .class2_2:hover {
        background-position: 0px -94px;
    }

.class2_3 {
    margin-top: 5px;
    background-position: -150px -187px;
}

    .class2_3:hover {
        background-position: 0px -187px;
    }

.class2_4 {
    margin-top: 5px;
    background-position: -150px -282px;
}

    .class2_4:hover {
        background-position: 0px -282px;
    }