#box {
position: relative;
width: 500px;
height: 500px;
margin: auto;
padding: 10px;
border: 1px solid #000;
}
#minibox {
position: absolute;
left: 20px;
top: 20px;
width: 50px;
height: 50px;
border: 1px solid #1A9465;
transition-property: top, left;
transition-duration: 1s, 1s;
transition-delay: 0s, 1s;
}
#box:hover #minibox {
left: 400px;
top: 400px;
}