/*
* {margin:0; padding:0}
body {font:12px Verdana, Arial, Helvetica, sans-serif; background:#666 url(images/bg.gif)}
#gallery {position:relative; width:386px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
*/
#images {border:2px solid #9ac1c9; height:240px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:470px; height:312px; padding:0px; /*background:#FFF url(../../img/user/slide/loading.gif) center center no-repeat;*/ text-align: center;}
.imageContentWrapper {position:absolute; top:0px; left:0px; width:468px; text-align: center;}
.imageContent {top:0px; left:0px; text-align: center;display:table-cell;vertical-align:middle;width:468px; }
.imageContent img { max-width: 468px; height: 312px;}
#thumbwrapper {margin-top:5px; margin-left:2px; padding:5px 0; width:448px; height:50px; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:50px; width:460px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:50px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:2px; cursor:pointer}
#thumbs li img {width: 50px; height: 50px;}
.imgnav {position:absolute; z-index:100; width:35px; height:75px; outline:none; cursor:pointer}
#previmg {left:-15px; top: 310px; background:url(../../img/user/house/previous.png) left center no-repeat;}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:-15px; top: 310px; background:url(../../img/user/house/next.png) right center no-repeat;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

#gallery {
	margin-left: 9px;
	padding: 0px;
/*
	margin-top: -35px;
*/
	width: 468px;
	background-color: white;
	float: left;
}

* html #gallery {
	margin-left: 5px;
}

div.imageContentWrapper.show {
	-webkit-animation: image-show 0.5s ease forwards;
	animation: image-show 0.5s ease forwards;
}

@-webkit-keyframes image-show {
	0% {
		opacity: 0.0;
		visibility: hidden;
	}
	100% {
		opacity: 1.0;
		visibility: visible;
	}
}
@keyframes image-show {
	0% {
		opacity: 0.0;
		visibility: hidden;
	}
	100% {
		opacity: 1.0;
		visibility: visible;
	}
}

div.imageContentWrapper.hide {
	-webkit-animation: image-hide 0.5s ease forwards;
	animation: image-hide 0.5s ease forwards;
}

@-webkit-keyframes image-hide {
	0% {
		opacity: 1.0;
		visibility: visible;
	}
	100% {
		opacity: 0.0;
		visibility: hidden;
	}
}
@keyframes image-hide {
	0% {
		opacity: 1.0;
		visibility: visible;
	}
	100% {
		opacity: 0.0;
		visibility: hidden;
	}
}