/*--- popup1
--------------------------------------------------------------------------*/

.popup {
	width: 768px;
	height: 467px;
	background: transparent url(../2play/img/popup_bg2.jpg) no-repeat top left;
}

.closeBtn {
	padding: 0 10px 0 0;
	float: right;
}

.title1 {
	padding: 35px 0 0 52px;
	float: left;
}

.subtitle1 {
	padding: 4px 200px 0 113px;
	float: left;
}

.screenshot1 {
	padding: 16px 0 0 178px;
	float: left;
}

.screenshot2 {
	padding: 16px 0 0 98px;
	float: left;
}

.screenshot3 {
	padding: 16px 0 0 4px;
	float: left;
}

.screenshot4 {
	padding: 12px 0 0 52px;
}

.text1 {
	padding: 19px 0 0 178px;
	float: left;
}

.text2 {
	padding: 19px 0 0 105px;
	float: left;
}

.text3 {
	padding: 14px 0 0 158px;
	float: left;
}

.text4 {
	padding: 8px 0 0 111px;
}

.nextBtn {
	padding: 107px 33px 0 0;
	float: right;
}

.prevBtn {
	padding: 107px 0 0 33px;
	float: left;
}

ul {
	margin: 0 0 0 279px;
	width: 210px;
	height: 26px;
	background: transparent url(../2play/img/popup1_navigation.jpg) top left;
}

li {
	float: left;
}

li a,
li span {
	margin-left: 20px;
	display:block;
	width: 26px;
	height: 26px;
	text-indent:-9999px;
	background-image: url(../2play/img/popup1_navigation.jpg);
	font-size:0.1%;
	line-height:0.1%;
}

a.btn1 {
	margin-left: 0;
	background-position: 0 0;
}

a.btn2 {
	background-position: -46 0;
}

a.btn3 {
	background-position: -92 0;
}

a.btn4 {
	background-position: -138 0;
}

a.btn5 {
	background-position: -184 0;
}

span.btn1,
a.btn1:hover {
	margin-left: 0;
	background-position: 0 -26;
}

span.btn2,
a.btn2:hover {
	background-position: -46 -26;
}

span.btn3,
a.btn3:hover {
	background-position: -92 -26;
}

span.btn4,
a.btn4:hover {
	background-position: -138 -26;
}

span.btn5,
a.btn5:hover {
	background-position: -184 -26;
}