@charset "utf-8";
/* CSS Document */

#img-box
{
	width:29px;
	height:30px;
	background:#fff;
	margin-top:-10px;
	}

.f {
    position: relative;
    display: inline-block;
    text-indent: -9999px;
    width: 29px;
    height: 30px;
    background:url(../images/f.jpg);
}

.f span {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background:url(../images/f.jpg);
    background-position: 0 -30px;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition:  opacity 0.2s ease;
}

.f span:hover {
    opacity: 1;
}

.t {
    position: relative;
    display: inline-block;
    text-indent: -9999px;
    width: 29px;
    height: 30px;
    background:url(../images/t.jpg);
    background-position: 0 0;
}

.t span {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background:url(../images/t.jpg);
    background-position: 0 -30px;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition:  opacity 0.2s ease;
}

.t span:hover {
    opacity: 1;
}


.in {
    position: relative;
    display: inline-block;
    text-indent: -9999px;
    width: 29px;
    height: 30px;
    background:url(../images/in.jpg);
    background-position: 0 0;
}

.in span {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background:url(../images/in.jpg);
    background-position: 0 -30px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition:  opacity 0.25s ease;
}

.in span:hover {
    opacity: 1;
}

.g {
   position: relative;
    display: inline-block;
    text-indent: -9999px;
    width: 29px;
    height: 30px;
    background:url(../images/g.jpg);
    background-position: 0 0;
}

.g span {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background:url(../images/g.png);
    background-position: 0 -30px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition:  opacity 0.25s ease;
}

.g span:hover {
    opacity: 1;
}