/* 
myStyle
*/


.video-100x75 {
	margin: 2px;
	position: relative;
	width: 100px;
	height: 75px;
	float: left;
}
.video-100x75 img {
	background: #fff;
	border: solid 0px #ccc;
	padding: 0px;
}
.video-100x75 span {
	width: 100px;
	height: 75px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/site/mask_movie01_100x75_out.png) no-repeat;
}
.video-100x75 span:hover {
	background: url(../img/site/mask_movie01_100x75_over.png) no-repeat;
}
.video-100x75 a {
	text-decoration: none;
}

.video-320x240 {
	margin: 2px;
	position: relative;
	width: 320px;
	height: 240px;
	float: left;
}
.video-320x240 img {
	background: #fff;
	border: solid 0px #ccc;
	padding: 0px;
}
.video-320x240 span {
	width: 320px;
	height: 240px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/site/mask_movie01_320x240_out.png) no-repeat;
}
.video-320x240 span:hover {
	background: url(../img/site/mask_movie01_320x240_over.png) no-repeat;
}
.video-320x240 a {
	text-decoration: none;
}

.photo-160x120 {
	margin: 0px;
	position: relative;
	width: 160px;
	height: 120px;
	float: left;
}
.photo-160x120 img {
	background: #fff;
	border: solid 0px #ccc;
	padding: 0px;
}
.photo-160x120 span {
	width: 160px;
	height: 120px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/site/mask_pic-cut-corner_160x120_out.png) no-repeat;
}
.photo-160x120 span:hover {
	background: url(../img/site/mask_pic-cut-corner_160x120_over.png) no-repeat;
}
.photo-160x120 a {
	text-decoration: none;
}

[if lt IE 7]>
.photo-160x120 span { behavior: url(data/css/iepngfix.htc); cursor: pointer; }
.video-100x75 span { behavior: url(data/css/iepngfix.htc); cursor: pointer; }
.video-320x240 span { behavior: url(data/css/iepngfix.htc); cursor: pointer; }
<![endif]