@charset "utf-8";

* {
    margin         : 0;
    padding        : 0;
    list-style-type: none;
}

a,
img {
    border: 0;
}

body {
    font            : 12px/180% Arial, Helvetica, sans-serif, "新宋体";
    background-color: #E7E7E7;
}

/*yx_rotaion*/
.yx-rotaion {
    /* margin-top   : 10%;
    margin-right : auto;
    margin-bottom: 0;
    margin-left  : auto; */
}

.yx-rotaion-btn,
.yx-rotaion-title,
.yx-rotation-focus,
.yx-rotation-t,
.yx-rotaion-btn {
    position: absolute
}

.yx-rotation-title {
    position      : absolute;
    width         : 100%;
    height        : 40px;
    line-height   : 40px;
    background    : #000;
    filter        : alpha(opacity=40);
    -moz-opacity  : 0.4;
    -khtml-opacity: 0.4;
    opacity       : 0.4;
    left          : 0;
    bottom        : 0;
    _bottom       : -1px;
    z-index       : 1
}

.yx-rotation-t {
    color      : #fff;
    font-family: microsoft yahei;
    z-index    : 2;
    bottom     : 0;
    left       : 10px;
    line-height: 40px;
    width:498px;
    font-size:24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yx-rotation-t:hover{
    color: #fff;
    text-decoration: none;
}
.yx-rotation-focus span,
.yx-rotaion-btn span {
    background: url(../image/ico.png) no-repeat;
    display   : block;
}

.yx-rotation-focus {
    height     : 40px;
    line-height: 40px;
    right      : 20px;
    bottom     : 0;
    z-index    : 2
}

.yx-rotation-focus span {
    width              : 12px;
    height             : 12px;
    line-height        : 12px;
    float              : left;
    margin-left        : 5px;
    position           : relative;
    top                : 14px;
    cursor             : pointer;
    background-position: -24px -126px;
    text-indent        : -9999px
}

.yx-rotaion-btn {
    width     : 100%;
    height    : 41px;
    top       : 50%;
    margin-top: -20px;
}

.yx-rotaion-btn span {
    width         : 41px;
    height        : 41px;
    cursor        : pointer;
    filter        : alpha(opacity=30);
    -moz-opacity  : 0.3;
    -khtml-opacity: 0.3;
    opacity       : 0.3;
    position      : relative
}

.yx-rotaion-btn .left_btn {
    background-position: -2px -2px;
    float              : left;
    left               : 10px
}

.yx-rotaion-btn .right_btn {
    background-position: -2px -49px;
    float              : right;
    right              : 10px
}

.yx-rotaion-btn span.hover {
    filter        : alpha(opacity=80);
    -moz-opacity  : 0.8;
    -khtml-opacity: 0.8;
    opacity       : 0.8
}

.yx-rotation-focus span.hover {
    background-position: -10px -126px
}

.rotaion_list {
    width   : 0;
    height  : 0;
    overflow: hidden;
}