#hero {
width: 960px;
height: 600px;
display: block;
position: relative;
margin: auto;
}


#slider {
width: 960px;
height: 800px;
display: block;
position: absolute;
overflow: hidden;
}


.info {
width: 960px;
height: 510px;
display: block;
bottom: 70px;
position: relative;
background: white;
z-index: 99;
font-size: 12px;
}

info h2 {
	font-family: Georgia, Times, serif;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 0 20px;
}

info h1 {
	font-family: Georgia, Times, serif;
	font-size: 40px;
	font-weight: bold;
	padding: 0 0 0 20px;
}

info dd {
	font-family: Georgia, Times, serif;
	font-size: 15px;
	font-weight: lighter;
	padding: 0 0 0 20px;
	line-height: 1px;
}

#play {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
position: absolute;
top: 0;
right: 700px;
background: rgba(0, 0, 0, 0);
color: yellow;
cursor: pointer;
z-index: 999;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}

#pause {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
position: absolute;
top: 0;
right: 300px;
background: rgba(0, 0, 0, 0);
color: yellow;
cursor: pointer;
z-index: 999;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}

#next {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
position: absolute;
top: 0;
right: 110px;
background: rgba(0, 0, 0, 0);
color: yellow;
cursor: pointer;
z-index: 999;
}

#previous {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
position: absolute;
top: 0;
right: 920px;
background: rgba(0, 0, 0, 0);
color: yellow;
cursor: pointer;
z-index: 999;
}

#pager {
width: 100%;
text-align: center;
display: block;
position: absolute;
cursor: pointer;
z-index: 999;
}

#pager a {
font-size: 0em;
color: transparent;
width: 10px;
height: 10px;
display: inline-block;
position: relative;
border: 1px solid #FFF;
border-radius: 20px;
background: transparent;
margin: 10px;
}