/*body {
text-align:center;
margin: 0 auto;
background: #FFFFFF;
font: 15px 'helvetica neue', helvetica, arial, verdana, tahoma, sans-serif;
}*/
#lightYear {
width: 200px;
height: 265px;
overflow: hidden;
position: relative;
margin: 0 auto;
}
#lightYearContain {
width:200px;
height:265px;
overflow: hidden;
position: relative;
margin: 0 auto;
}
#lightYearContain ul {
position: relative;
list-style-type: none;
margin: 0px;
padding: 0px;
height: 265px;
}
#lightYearContain ul li {
float: left;
width: 200px;
height: 265px;
/padding-top: 150px;
padding-bottom:10px;
}
#lightYearContain ul li a {
color: #FFFFFF;
text-decoration: none;
/*text-align: center;*/
margin:5px 0px 10px 7px;
font-size: 42px;
display: block;
}
#lightYearContain ul li img {
	width: 188px;
height: 255px;}

#navPrev, #navNext {
position: absolute;
top: 0;
overflow: hidden;
display: block;
cursor: pointer;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
z-index: 5000;
background-color: #DDDDDD;
height: 250px;
width:00px;
}
#navPrev:after, #navNext:after {
content: '';
display: block;
position: absolute;
top: 110px;
cursor: pointer;
}
}
#navPrev {
left: 0;
}
#navPrev:after {
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-right: 11px solid #000000;
width: 0;
height: 0;
left: 15px;
}
#navNext {
right: 0;
}
#navNext:after {
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 11px solid #000000;
width: 0;
height: 0;
left: 15px;
right: 15px;
}
#first {
background: #000000;
}
#second {
background: #333333;
}
#third {
background: #666666;
}
#fourth {
background: #999999;
}
#fifth {
background: #CCCCCC;
}
.cf:before,  .cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.cf:after {
clear: both;
}
/*
             * For IE 6/7 only
             * Include this rule to trigger hasLayout and contain floats.
             */

.cf {
 *zoom: 1;
}