.left{
	width:50%;
	height:50px;
	background:#C00;
	position:absolute;
	top:0;
	left:0;
	transition:0.6s;/*动画*/
	-moz-transition:0.6s; /* Firefox 4 */
	-webkit-transition:0.6s; /* Safari and Chrome */
	-o-transition:0.6s; /* Opera */
}
.right{
	width:50%;
	height:50px;
	background:#03C;
	position:absolute;
	top:0;
	right:0;
	transition:0.6s;/*动画*/
	-moz-transition:0.6s; /* Firefox 4 */
	-webkit-transition:0.6s; /* Safari and Chrome */
	-o-transition:0.6s; /* Opera */
}
.left:hover{
	width:100%;
	z-index:99;
}
.right:hover{
	width:100%;
	z-index:99;
}