.top-news {
width: 100%;
background: url("../img/top/top_movie_02-bg.png") repeat-x left center;
background-size: auto 100%;
text-align: center;
position: relative;
}
.top-news a:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
.top-news .content{
padding-bottom: 5%;
}
img.top-news-gao {
position: absolute;
bottom:0;
left:10%;
width: 75%;
z-index: 5;
}
.top-news-bg {
width: 60%;
margin: 0 auto;
position: relative;
}
.top-news-bg img{
width: 100%;
margin: 0 auto;
}
.top-news-bg dl {
list-style: none;
position: absolute;
top:25%;
left:20%;
line-height: 180%;
z-index: 10;
text-align: left;
font-size: 0.9vw;
overflow:hidden;
width: 80%;
}
.top-news-bg dl dt{
	float: left;
	clear: both;
    width: 23%;
}
.top-news-bg dl dd{
	float: left;
    width: 75%;
}
@media screen and (max-width : 1000px) {
.top-news-bg {
width: 78%;
padding-top: 0;
margin-top: -10px;
padding-bottom: 10px;
}
.top-news-bg dl {
list-style: none;
position: absolute;
top:25%;
left:25%;
line-height: 180%;
z-index: 10;
text-align: left;
font-size: 1.5vw;
overflow:hidden;
width: 80%;
}
.top-news-bg dl dt{
	float: left;
	clear: both;
    width: 23%;
}
.top-news-bg dl dd{
	float: left;
    width: 75%;
}
}
@media screen and (max-width : 800px) {
img.top-news-gao {
position: absolute;
bottom:0;
left:0;
width: 100%;
z-index: 5;
}
}