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

.thumbContent {
	height: 140px;
	width: 248px;
	display: block;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	z-index: 2;
}
.thumbArea {
	width: 248px;
	height: 140px;
	border-color: #FFFFFF;
	border-width: 2px;
	cursor: pointer;
}
.thumb {
	width: 248px;
	height: 140px;
	opacity: .3;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.thumbIco {
	width: 70px;
	height: 70px;
	position: relative;
	top: -133px;
	left: 100px;
	background-image: url(../images/play.png);
	opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.thumbOL{
	width: 248px;
	height: 140px;
	position: relative;
	border: 2px solid #000000;
	background-image: url(../images/w_dot40.png);
	top: -212px;
	left: -2px;
	-webkit-transition: all 2s ease 0s;
	-o-transition: all 2s ease 0s;
	transition: all 2s ease 0s;
	opacity: 0.2;
}
.thumbTitle {
	font-family: ComicBookFun;
	font-size: 33px;
	white-space: nowrap;
	width: 248px;
	position: relative;
	top: -254px;
	text-align: center;
	color: #FFFFFF;
	opacity: 0.15;
	text-shadow: 2px 1px #000000;
	-webkit-transition: all 2s ease 0s;
	-o-transition: all 2s ease 0s;
	transition: all 2s ease 0s;
}
.thumbArea:hover
.thumb{
	opacity: 1;
	-webkit-opacity: 1;
}
.thumbArea:hover
.thumbIco{
	left: 170px;
	opacity: 0.5;
	-webkit-opacity: 0.5;
}
.thumbArea:hover
.thumbOL{
	border: 2px solid #FFFFFF;
	opacity: 1;
	-webkit-opacity: 1;
}
.thumbArea:hover
.thumbTitle{
	opacity: 1;
	-webkit-opacity: 1;
}
#bg1{
	background-image: url(../images/thumbs/1.jpg);
}
#bg2{
	background-image: url(../images/thumbs/2.jpg);
}
#bg3{
	background-image: url(../images/thumbs/3.jpg);
}
#bg4{
	background-image: url(../images/thumbs/4.jpg);
}
#bg5{
	background-image: url(../images/thumbs/5.jpg);
}
#bg6{
	background-image: url(../images/thumbs/6.jpg);
}
#bg7{
	background-image: url(../images/thumbs/7.jpg);
}
#bg8{
	background-image: url(../images/thumbs/8.jpg);
}
#bg9{
	background-image: url(../images/thumbs/9.jpg);
}
#bg10{
	background-image: url(../images/thumbs/10.jpg);
}
#bg11{
	background-image: url(../images/thumbs/11.jpg);
}
#bg12{
	background-image: url(../images/thumbs/12.jpg);
}
#bg13{
	background-image: url(../images/thumbs/13.jpg);
}
#bg14{
	background-image: url(../images/thumbs/14.jpg);
}
#bg15{
	background-image: url(../images/thumbs/15.jpg);
}
#bg16{
	background-image: url(../images/thumbs/16.jpg);
}
#bg17{
	background-image: url(../images/thumbs/17.jpg);
}
#bg18{
	background-image: url(../images/thumbs/18.jpg);
}
#bg19{
	background-image: url(../images/thumbs/19.jpg);
}
#bg20{
	background-image: url(../images/thumbs/20.jpg);
}
#bg21{
	background-image: url(../images/thumbs/21.jpg);
}
#bg22{
	background-image: url(../images/thumbs/22.jpg);
}
#bg23{
	background-image: url(../images/thumbs/23.jpg);
}
#bg24{
	background-image: url(../images/thumbs/24.jpg);
}
.NA{
	visibility: hidden;
}
.fixthumb{
	height: 140px;
	width: 248px;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	position: absolute;
	opacity: 0.2;
	z-index: 0;
}
.fixthumb:hover{
	cursor: pointer;
}
#c1ur{
	background-image: url(../images/thumbs/r/7.png);
	left: 790px;
	display: none;
}
#c1dr{
	background-image: url(../images/thumbs/r/10.png);
	left: 790px;
	display: none;
}

#c2ul{
	background-image: url(../images/thumbs/l/3.png);
	left: 526px;
}
#c2ur{
	background-image: url(../images/thumbs/r/13.png);
	left: 1578px;
}
#c2dl{
	background-image: url(../images/thumbs/l/6.png);
	left: 526px;
}
#c2dr{
	background-image: url(../images/thumbs/r/16.png);
	left: 1578px;
}


#c3ul{
	background-image: url(../images/thumbs/l/9.png);
	left: 1314px;
	display: none;
}
#c3ur{
	background-image: url(../images/thumbs/r/19.png);
	left: 2367px;
	display: none;
}
#c3dl{
	background-image: url(../images/thumbs/l/12.png);
	left: 1314px;
	display: none;
}
#c3dr{
	background-image: url(../images/thumbs/r/22.png);
	left: 2367px;
	display: none;
}

#c4ul{
	background-image: url(../images/thumbs/l/15.png);
	left: 2104px;
	display: none;
}
#c4dl{
	background-image: url(../images/thumbs/l/18.png);
	left: 2104px;
	display: none;
}