css写一条线 鼠标悬浮的时候从中间向两边延申

html样式：<div id="line"></div>

css样式：

#line{

width:0px;

height:5px;

border-radius:5px;

background-color:#484f83;

margin:0 auto;

transition:width 1s linear;

}

ul.mune1 li:hover #line{

width:60%;

}