@charset "utf-8";
/* CSS Document */
#sign {
	display: none;
}
body {
	background-color:#313131;
	padding:0;
	margin:0;
	background-image: url(bg.jpg);
	background-position: center top;
}
a { outline:none; }
a:link {
	color: #999999;
}
a:visited {
	color: #999999;
}
a:hover {
	color: #666666;
}
a:active {
	color: #999999;
}
p { padding:0; margin:0; }
img { border:0; }
#container {
	height: 787px;
	width: 380px;
	background-image: url(iphone-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}


#iphone-scrollcontainer {
	height:461px;
	width:320px;
	position:absolute;
	padding-top: 153px;
	padding-left: 32px;
}

#iphone-inside {
	overflow: hidden;
	height:100%;
	width:100%;
	background-image:url(wp.jpg);
	background-repeat: no-repeat;
}
#unlock-top { position: relative; height:95px; background-image:url(lock-top.png); }
#unlock-spacer { height:272px; /* Total height = 461px - 95px (top) - 94px (bottom) */ }
#unlock-bottom { position: relative; height:94px; background-image:url(lock-bottom.png); }
#slide-to-unlock {  position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height:94px; background-image:url(slide-to-unlock.gif); }
#unlock-slider-wrapper { padding-left:22px; padding-top:23px; }
#unlock-slider { width:277px; height:50px; }
#unlock-handle{ position: absolute; z-index: 10; height: 50px; width: 72px; top: 0px; left: 0px; background-image: url(lock-slider.png); }

.time { text-align:center; color:#FFFFFF; font-family:Georgia, Times, serif; font-size:45px; padding:6px 0; }


.date { text-align:center; color:#FFFFFF; font-family:Georgia, Times, serif; font-size:12px; }

/* Used by the jQuery slider */
.ui-slider { position: relative; background-repeat: no-repeat; background-position: center center; }

#footer {
	height: 40px;
	width: 380px;
	color: #999999;
	font-size: 12px;
	font-family: "Microsoft YaHei", Verdana, Arial;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#video {
	position: absolute;
	width: 100%;
	top: 0px;
}
