.dashed-box {
	width:500px;
	height:100px;
	border:2px solid #ccc;
}
.dashed-box:hover {
	width:504px;
	height:104px;
	overflow:hidden;
	position:relative;
	border:none;
}
.dashed-box:hover .dashed-top {
	width:2000px;
	height:0px;
	border-bottom:2px #ccc dashed;
	position:absolute;
	top:0;
	left:-1400px;
}
.dashed-box:hover .dashed-top {
	width:2000px;
	height:0px;
	border-bottom:2px #ccc dashed;
	position:absolute;
	top:0;
	left:-1400px;
}
.dashed-box:hover .dashed-left {
	width:0px;
	height:2000px;
	border-left:2px #ccc dashed;
	position:absolute;
	left:0;
	top:-1600px;
}
.dashed-box:hover .dashed-bottom {
	width:2000px;
	height:0px;
	border-bottom:2px #ccc dashed;
	position:absolute;
	left:0px;
	bottom:0;
}
.dashed-box:hover .dashed-right {
	width:0px;
	height:2000px;
	border-left:2px #ccc dashed;
	position:absolute;
	right:0;
	top:-1600px;
}
.dashed-box-content {
	padding:5px;
}
.dashed-box:hover .dashed-box-content {
	padding:7px;
}