<div class="edt_title" >

                            <div id="edt_title">

                                <p class="edt_title_top">e定投</p>

                                <div class="product_line"></div>

                                <p class="edt_title_c">

                                多种期限<br /><br />稳健收益

                                </p>

                                <p class="edt_title_top" style="margin-top: 60px;">e定投</p>

                                <div class="product_line"></div>

                                <p class="edt_title_c">

                                多种期限<br /><br />稳健收益

                                </p>

                                <div class="product_more">

                                    查看全部

                                </div>

                            </div>

                        </div>

.edt_title{

    height: 200px;

    width: 150px;

    margin: 200px auto;

    text-align: center;

    overflow:hidden;/* 溢出部分不显示 */

}

#edt_title{

    position: relative;/* 子元素设置relative */

}

　　　　　　　　　　　　　　　$("#edt_title").mouseover(function(){

			  	$(this).stop().animate({bottom:'200px'},800);

			  });

			  $("#edt_title").mouseout(function(){

			  	$(this).stop().animate({bottom:'0px'},800);

			  });