@charset "utf-8";
/* CSS Document */

body,div,ul,ol,li,p, {
	margin: 0;
	padding: 0;
}
ul,li{
 margin:0;
 padding:0;
 }
ul li{
		text-decoration:none;
		list-style:none;
}
.showWrap{
	width:800px;
	position:relative;
	margin:10px 0px 40px 0px;
	float:left;
}
.showWrap .firstView img{
	position: absolute;
 	left: 0;
  	top: 0;
	width:600px;
	height:auto;
	margin-right:5px;
}
.showWrap .showList{
	float:right;
	width:195px;
	height:600px;
}
.showWrap .showList .imgSmall,
.showWrap .showList .imgBig{
	float:left;
}
/*.showWrap .showList a:nth-child(-n+3) .imgSmall{
	margin-bottom:10px !important;
}*/
.showWrap .showList .imgSmall img{
	width:65px;
	height:65px;
	margin-bottom: 10px;
}

.showWrap .showList a .imgBig{
	display:none;
}
.showWrap ul li a:hover .imgBig{
  display: block;
  position: absolute;
  top: 0px;
  left: 0px !important;
}
.showWrap ul li a:hover .imgBig img{
		width:600px;
}
/*.showWrap p{
	font-size:12px;
	color:#626262;
	position:absolute;
	top:415px;
	right:0px;
} */
.showWrap .showList a:hover img{
    filter: alpha(opacity=100);  /* IE */
    opacity:1;                 /* Firefox,Opera,Safari */
    -moz-opacity:1;           /* Firefox 0.9¤è¤êÁ° */
    position: relative;
    top: 0px;
    left: 0px;
}

.titleBar{
	width: 96%;
	background-color: #242424;
	color: #fff;
	font-size: 26px;
	margin-bottom: 2%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%;
}