.mainPanel
{
    margin-top: 75px;
    margin-bottom: 85px;
    overflow: hidden;
}

.mainPanel .innerPanel
{
 text-align: center;
}
.mainPanel h2
{
    position: relative;
    font-weight: normal;
}

p.subTitle
{
	color: #3f3f3f;
	margin-top: 25px;
}

.mainPanel h2 .enTitle
{
    color: #0066b3;
    font-family: Arial;
    font-size:38px;
    font-weight: bold;
}
.mainPanel h2 .cnTitle
{
    font-size:32px;
}

.mainPanel .imageContainer
{
    position: relative;
    margin-top: 36px;
}
.mainPanel .imagePanel
{
    display: block;
    position: absolute;
    width: 285px;
    height: 285px;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    filter:alpha(opacity=0);
}

.imagePanel .imgMask
{
    position:relative;
    width: 285px;
    height: 200px;
    overflow: hidden;
}
.imagePanel .imgMask .boxLine
{
    top: 0;
    position: absolute;
    width: 275px;
    height: 190px;
    border:solid 5px #0066b3;
    opacity: 0;
    filter:alpha(opacity=0);
}
.imagePanel .imgMask .boxLine_over
{
    opacity: 1;
    filter:alpha(opacity=1);
}
.imagePanel .imgMask .title
{
    position: absolute;
    bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 265px;
    height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    line-height: 40px;
    font-size: 16px;
    color: #FFFFFF;
    background-color: rgba(0,0,0,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
}

.imagePanel .imgMask .title_over
{
    background-color:#0066b3;
}

.imagePanel .intro
{
    margin: 17px 0px;
	padding: 0px 10px;
	font-size: 12px;
	line-height: 16px;
	height: 32px;
	overflow: hidden;
	color: #3f3f3f;
}

.imagePanel .date
{
    font-family: Arial;
	font-size: 12px;
	color: #868686;
	padding: 0px 10px;
}