*{
    margin:0;
}
body{font: normal 32px;font-family:"Microsoft YaHei", "微软雅黑","Hiragino Sans GB", "Lantinghei SC", "Open Sans", Arial, "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
html,body{
    background-repeat: no-repeat;    
    -webkit-text-size-adjust:none;
}
a{
    text-decoration:none;
    outline: none;
}
li{
    list-style-type:none;
}
img{
    width: 100%;
    max-width: 100%;
    vertical-align: top;  
    font-size:0.5rem;
    border-style:none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    zoom:1;
}
html, body, h1, h2, h3, p, span, a, div, ol, ul, li, dl, dt, dd, table, tbody, tfoot, thead, tr, th, td, input, textarea, form {
    padding: 0;
    margin: 0;
    box-sizing:border-box;
}
h1, h2, h3 {
    font-size: 100%;
}
.fff{background:#fff;}

.clear30{ height:30px; margin:0px auto; padding:0px;}

.play { width: 470px; height: 460px; background: #fff; font: 12px Arial; margin:0 auto }
.big_pic { width: 470px; height: 350px; overflow: hidden; border-bottom: 1px solid #ccc; background: #222; position: relative; }
.big_pic li { width: 470px; height: 350px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; background: url(../images/loading.gif) no-repeat center center; }
.mark_left { width: 200px; height: 320px; position: absolute; left: 0; top: 0; background: red; filter: alpha(opacity:0); opacity: 0; z-index:300; }
.mark_right { width: 200px; height: 320px; position: absolute; left: 200px; top: 0; background: green; filter: alpha(opacity:0); opacity: 0; z-index:3000; }
.big_pic .prev { width: 60px; height: 60px; background: url(../images/btn.png) no-repeat; position: absolute; top: 150px; left: 10px; z-index: 301; cursor: pointer; filter:alpha(opacity: 0); opacity:0; }
.big_pic .next { width: 60px; height: 60px; background: url(../images/btn.png) no-repeat 0 -60px; position: absolute; top: 150px; right: 10px; z-index: 301;cursor: pointer; filter:alpha(opacity: 0); opacity:0; }
.big_pic .text { position: absolute; left: 10px; top: 302px; z-index: 3000; color: #ccc; }
.big_pic .length { position: absolute; right: 10px; bottom: 4px; z-index: 3000; color: #ccc; }
.big_pic .bg { width: 470px; height: 25px; background: #000; filter: alpha(opacity=80); opacity: 0.8; position: absolute; z-index: 2999; bottom: 0; left: 0; }
.small_pic { width: 470px; height: 94px; position: relative; top: 7px; left:0px; overflow: hidden; }
.small_pic ul { height: 94px; position: absolute; top: 0; left: 0; }
.small_pic li { width: 120px; height: 94px; float: left; padding-right: 10px; background: url(../images/loading.gif) no-repeat center center; cursor: pointer; filter: alpha(opacity=60); opacity: 0.6; }
.small_pic img { width: 120px; height: 94px; }


/*-----------------自定义按钮样式，移动端不需要，PC端根据实际情况选择----------------*/
.demo {width:480px;height: 460px;font-size: 14px;position:relative;}
.demo a.control {position:absolute;display: block;top: 50%;margin-top: -78px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(../images/buttons.png) no-repeat}
.demo a.control_1 {position:absolute;display: block;top: 50%;margin-top: -78px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(../images/buttons.png) no-repeat}

.demo a.prev {left: 0;background-position: 0 0}
.demo a.next {right: 0;background-position: -76px 0}
.demo a.prev:hover {background-position: 0 -112px}
.demo a.next:hover {background-position: -76px -112px}
/*----------------------------为保证最佳效果，建议设置如下样式------------------------*/
.slider {display: none}
.slider_1 {display: none}