Edit in JSFiddle

<a id="hikaru" href="###"><span>蓝泽光</span></a>
#hikaru {
    color: rgb(85, 187, 238);
    font-weight: bold;
    font-size: 19px;
    display: block;
    width: 400px;
    height: 240px;
    background: transparent url(http://img3.tuchuang.org/uploads/2014/09/hikaru_large_wb.jpg) no-repeat;
    margin: 0 auto;
}
#hikaru span {
    display: block;
    width: 460px;
    height: 200px;
    padding: 20px;
    text-indent: -500em;
    background: transparent url(http://img1.tuchuang.org/uploads/2014/09/hikaru_large.jpg) no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in 0s;
    -o-transition: opacity 0.4s ease-in 0s;
    -moz-transition: opacity 0.4s ease-in 0s;
    transition: opacity 0.4s ease-in 0s;
}
#hikaru:hover span {
    opacity: 1;
}