html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
a, img {
    display: block;
}
a {
    text-decoration: none;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
body{width:100%;background:#111f33;overflow-x:hidden;}
.header{background: url('image/bg-head.png') repeat-x;height:45px;}
.header div{width: 803px;margin:0 auto;}
.header span{display: block;background: url('http://player.baidu.com/Browser/landingPage/image/logo.png') no-repeat;width: 153px;height: 44px;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='http://player.baidu.com/Browser/landingPage/image/logo.png');_background-image: none;}
#header {
    width: 100%;
}

.page{
    height: 100%;
    width: 100%;
}

#main-page{
    top:45px;
}
.pagecontainer{
    position: absolute;
    height: 50%;
    top:50%;
    left: 50%;

    
}
.image_main_wrap{
    margin:0 auto;
    width: 1230px;
    height: 719px;
    background: url(image/bg-normal.png) -52px no-repeat;
}
.normal01,.normal02,.normal03{
    margin:0 auto;
    width: 1229px;
    height: 228px;
    background: url(image/bg-normal01.png) -52px -42px no-repeat;   
}
.normal02{
    margin:0 auto;
    width: 1229px;
    height: 270px;
    background: url(image/bg-normal02.png) -52px no-repeat;   
}
.normal03{
    margin:0 auto;
    width: 1229px;
    height: 179px;
    background: url(image/bg-normal03.png) -52px no-repeat;   
}

.image_wrap{

    position: absolute;
    top:50%;
    left:50%;
    width:935px;
    height:605px;
    margin-top: -303px;
    margin-left: -467px;
}

.big-btn {
    width: 278px;
    height: 81px;
    /*background: url('image/big_btn.png');*/
    position: absolute;
    top:501px;
    left:50%;
    margin-left: -140px;
    border:0;
    background: url(image/big_btn.png) no-repeat;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='image/big_btn.png');
    _background-image: none;
    cursor: pointer;
}



.small-btn {
    width: 206px;
    height: 60px;
    position: absolute;
    bottom:0px;
    left:50%;
    margin-left: -103px;
}


#detail-search {
    width: 90px;
    color: #c0c0c0;
    position: absolute;
    bottom:0px;
    right:-90px;
}

#detail-torrent {
    width: 90px;
    color: #c0c0c0;
    position: absolute;
    bottom:0px;
    right:-90px;
}

.image_main{
    border:0;
    margin:0;
    position: absolute;
    left:50%;
    margin-left: -615px;
    display: block;
    width:auto; 
    height:200px;
}
#slogen{
    position: absolute;
    top: 416px;
    left: 50%;
    margin-left: -176px;

}
.slogen{
    background: url(image/slogen_01.png) no-repeat;
    width: 380px;
    height: 60px;
    border: 0;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='image/slogen.png');
    _background-image: none;
}
.image_main_1{
    top:0%;
}

.image_main_2{
    top:25%;
}

.image_main_3{
    top:50%;
}

.image_main_4{
    top:75%;
}

.btn_img{
    height:100%; 
    width:auto; 
    border:0;
}

.image_next{
    width:100%;
     height:100%
}
.zone{
    width:468px;
    height:300px;
    display: block;
    position: absolute;
    top:134px;
    margin:0 auto;
    left: 50%;
    margin-left: -220px;
    border: 0;
}