.hide, .dn {
    display: none
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.loadmask {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: .5;
    opacity: 50;
    filter: alpha(opacity=50);
    background-color: #ccc;
    width: 100%;
    height: 100%;
    zoom: 1
}

.loadmask_msg {
    z-index: 20001;
    position: absolute;
    left: 45%;
    top: 35%;
    border: 1px solid #6593cf;
    background: #c3daf9;
    padding: 2px;
    border-radius: 4px
}

.loadmask_msg div {
    padding: 5px 10px 5px 25px;
    background: #fbfbfb url(../images/loading-spinner-blue.gif) no-repeat 5px 5px;
    line-height: 16px;
    border: 1px solid #a3bad9;
    color: #222;
    cursor: wait
}

.masked {
    overflow: hidden !important
}

.masked_relative {
    position: relative !important
}

.masked_hidden {
    visibility: hidden !important
}

.loading_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20000;
    background-color: #fff
}

.loading_bd {
    position: absolute;
    width: 240px;
    left: 50%;
    top: 35%;
    padding: 2px;
    z-index: 20001;
    height: auto;
    margin-left: -120px
}

.loading_bd a {
    color: #258
}

.loading_bd .loading_indicator {
    background: #fff;
    color: #444;
    font: bold 14px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto
}

.loading_bd .loading_indicator span {
    font: normal 14px arial, tahoma, sans-serif
}

.loading_bd .loading_iframe {
    color: #444;
    font: bold 14px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto
}

#ajax_tip {
    position: absolute;
    right: 3px;
    top: 2px;
    z-index: 9999;
    background: #FF9;
    border: #cece00 solid 1px;
    padding: 2px 10px;
    height: 20px;
    line-height: 20px;
    display: none
}

#tips_box {
    margin: 0;
    position: fixed;
    _position: absolute;
    height: 54px;
    padding-left: 7px;
    z-index: 9999;
    border: solid 1px #ccc;
    background: #fff
}

#tips_box .tips_body {
    height: 52px;
    position: relative;
    background: #fff
}

#tips_box .tips_icons {
    position: absolute;
    top: 10px;
    left: 2px;
    width: 32px;
    height: 32px
}

#tips_box .tips_body span {
    font-size: 14px;
    line-height: 54px;
    padding: 0 10px 0 44px;
    font-weight: bold;
    white-spacing: nowrap;
    word-wrap: break-word
}

.tips_success {
    background: url("/assets/front/images/confirm_32.png") no-repeat center center
}

.tips_error {
    background: url("/assets/front/images/delete_32.png") no-repeat center center
}

.tips_info {
    background: url("/assets/front/images/info_32.png") no-repeat center center
}

.tips_loading {
    background: url("/assets/front/images/loading.gif") no-repeat center center
}

#ajax_tips {
    color: #fff;
    position: absolute;
    right: 3px;
    top: 2px;
    z-index: 9999;
    background: #2f649b;
    border: #2f649b solid 1px;
    padding: 2px 10px;
    display: none
}

.readonly {
    background: #f5f5f5 !important
}

.txt-readonly {
    color: #999 !important
}

/** BEGIN DIALOG */
.ui-dialog {
    *zoom: 1;
    _float: left;
    position: relative;
    background-color: #FFF;
    border: 1px solid #999;
    border-radius: 6px;
    outline: 0;
    background-clip: padding-box;
    font-family: Helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    opacity: 0;
    /*-webkit-transform: scale(0);
    transform: scale(0);*/
/ / -webkit-transition: -webkit-transform .15 s ease-in-out, opacity .15 s ease-in-out;
/ / transition: transform .15 s ease-in-out, opacity .15 s ease-in-out;
}

.ui-popup-show .ui-dialog {
    opacity: 1;
    /*-webkit-transform: scale(1);*/
    /*transform: scale(1);*/
}

.ui-popup-focus .ui-dialog {
/ / box-shadow: 0 0 8 px rgba(0, 0, 0, 0.1);
}

.ui-popup-modal .ui-dialog {
/ / box-shadow: 0 0 8 px rgba(0, 0, 0, 0.1), 0 0 256 px rgba(255, 255, 255, .3);
}

.ui-dialog-grid {
    width: auto;
    margin: 0;
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    background: transparent;
}

.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer {
    padding: 0;
    border: 0 none;
    text-align: left;
    background: transparent;
}

.ui-dialog-header {
    white-space: nowrap;
    border-bottom: 1px solid #E5E5E5;
}

.ui-dialog-close {
    position: relative;
    _position: absolute;
    float: right;
    top: 8px;
    right: 13px;
    _height: 26px;
    padding: 0 4px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #FFF;
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: pointer;
    background: transparent;
    _background: #FFF;
    border: 0;
    -webkit-appearance: none;
}

.ui-dialog-close:hover,
.ui-dialog-close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.ui-dialog-title {
    margin: 0;
    line-height: 1.428571429;
    min-height: 16.428571429px;
    padding: 8px 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    cursor: default;
}

.ui-dialog-body {
    padding: 20px;
    text-align: center;
}

.ui-dialog-content {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
    text-align: left;
}

.ui-dialog-footer {
    background: whitesmoke;
    padding: 8px 15px 8px 15px;
    border-top: 1px solid #E5E5E5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-dialog-statusbar {
    float: left;
    margin-right: 20px;
    padding: 6px 0;
    line-height: 1.428571429;
    font-size: 14px;
    color: #888;
    white-space: nowrap;
}

.ui-dialog-statusbar label:hover {
    color: #333;
}

.ui-dialog-statusbar input,
.ui-dialog-statusbar .label {
    vertical-align: middle;
}

.ui-dialog-button {
    float: right;
    white-space: nowrap;
}

.ui-dialog-footer button + button {
    margin-bottom: 0;
    margin-left: 5px;
}

.ui-dialog-footer button {
    width: auto;
    overflow: visible;
    display: inline-block;
    padding: 6px 12px;
    _margin-left: 5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.ui-dialog-footer button:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus {
    color: #333333;
    text-decoration: none;
}

.ui-dialog-footer button:active {
    background-image: none;
    outline: 0;
/ / -webkit-box-shadow: inset 0 3 px 5 px rgba(0, 0, 0, 0.125);
/ / box-shadow: inset 0 3 px 5 px rgba(0, 0, 0, 0.125);
}

.ui-dialog-footer button[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-dialog-footer button {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.ui-dialog-footer button:active {
    background-image: none;
}

.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active {
    background-color: #ffffff;
    border-color: #cccccc;
}

.ui-dialog-footer button.ui-dialog-autofocus {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}

.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.ui-dialog-footer button.ui-dialog-autofocus:active {
    background-image: none;
}

.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog {
    top: -8px;
}

.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog {
    top: 8px;
}

.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog {
    left: -8px;
}

.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog {
    left: 8px;
}

.ui-dialog-arrow-a,
.ui-dialog-arrow-b {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
    _color: #FF3FFF;
    _filter: chroma(color=#FF3FFF);
    border: 8px dashed transparent;
}

.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b {
    display: block;
}

.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a {
    bottom: -16px;
    border-top: 8px solid #7C7C7C;
}

.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b {
    bottom: -15px;
    border-top: 8px solid #edff88;
}

.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b {
    left: 15px;
}

.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b {
    left: 50%;
    margin-left: -8px;
}

.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b {
    right: 15px;
}

.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a {
    top: -16px;
    border-bottom: 8px solid #7C7C7C;
}

.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b {
    top: -15px;
    border-bottom: 8px solid #edff88;
}

.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b {
    left: 15px;
}

.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b {
    margin-left: -8px;
    left: 50%;
}

.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b {
    right: 15px;
}

.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a {
    right: -16px;
    border-left: 8px solid #7C7C7C;
}

.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b {
    right: -15px;
    border-left: 8px solid #edff88;
}

.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b {
    top: 15px;
}

.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%;
}

.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b {
    bottom: 15px;
}

.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a {
    left: -16px;
    border-right: 8px solid #7C7C7C;
}

.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b {
    left: -15px;
    border-right: 8px solid #edff88;
}

.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b {
    top: 15px;
}

.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%;
}

.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b {
    bottom: 15px;
}

@-webkit-keyframes ui-dialog-loading {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes ui-dialog-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.ui-dialog-loading {
    vertical-align: middle;
    position: relative;
    display: block;
    *zoom: 1;
    *display: inline;
    overflow: hidden;
    width: 32px;
    height: 32px;
    top: 50%;
    margin: -16px auto 0 auto;
    font-size: 0;
    text-indent: -999em;
    color: #666;
}

.ui-dialog-loading {
    width: 100% \9;
    text-indent: 0 \9;
    line-height: 32px \9;
    text-align: center \9;
    font-size: 12px \9;
}

.ui-dialog-loading::after {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    margin: 14.5px 0 0 14.5px;
    border-radius: 100%;
    box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
    -webkit-transform: rotate(360deg);
    -webkit-animation: ui-dialog-loading 1.5s infinite linear;
    transform: rotate(360deg);
    animation: ui-dialog-loading 1.5s infinite linear;
    display: none \9;
}

/** END DIALOG */

.guestbook-tips {
    padding: 20px
}

.guestbook-tips {
    line-height: 32px;
    font-weight: bold
}

.guestbook-tips span {
    font-weight: normal
}

.guestbook-search {
    padding: 0 15px
}

.guestbook-search ul li {
    height: 40px;
    line-height: 40px
}

.guestbook-search ul li input {
    width: 180px;
    height: 24px;
    line-height: 24px;
    border: #ddd 1px solid
}

.ui-dialog-content {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
    text-align: left
}

.ui-dialog-statusbar {
    float: left;
    margin-right: 20px;
    padding: 6px 0;
    line-height: 1.428571429;
    font-size: 14px;
    color: #888;
    white-space: nowrap
}

.ui-dialog-statusbar label:hover {
    color: #333
}

.ui-dialog-statusbar input, .ui-dialog-statusbar .label {
    vertical-align: middle
}

.ui-dialog-button {
    float: right;
    white-space: nowrap
}

.ui-dialog-footer button + button {
    margin-bottom: 0;
    margin-left: 5px
}

.ui-dialog-footer button {
    width: auto;
    overflow: visible;
    display: inline-block;
    padding: 6px 12px;
    _margin-left: 5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.ui-dialog-footer button:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.ui-dialog-footer button:hover, .ui-dialog-footer button:focus {
    color: #333;
    text-decoration: none
}

.ui-dialog-footer button:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.ui-dialog-footer button[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-dialog-footer button {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.ui-dialog-footer button:hover, .ui-dialog-footer button:focus, .ui-dialog-footer button:active {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad
}

.ui-dialog-footer button:active {
    background-image: none
}

.ui-dialog-footer button[disabled], .ui-dialog-footer button[disabled]:hover, .ui-dialog-footer button[disabled]:focus, .ui-dialog-footer button[disabled]:active {
    background-color: #fff;
    border-color: #ccc
}

.ui-dialog-footer button.ui-dialog-autofocus {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}

.ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog-footer button.ui-dialog-autofocus:active {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e
}

.ui-dialog-footer button.ui-dialog-autofocus:active {
    background-image: none
}

.ui-popup-top-left .ui-dialog, .ui-popup-top .ui-dialog, .ui-popup-top-right .ui-dialog {
    top: -8px
}

.ui-popup-bottom-left .ui-dialog, .ui-popup-bottom .ui-dialog, .ui-popup-bottom-right .ui-dialog {
    top: 8px
}

.ui-popup-left-top .ui-dialog, .ui-popup-left .ui-dialog, .ui-popup-left-bottom .ui-dialog {
    left: -8px
}

.ui-popup-right-top .ui-dialog, .ui-popup-right .ui-dialog, .ui-popup-right-bottom .ui-dialog {
    left: 8px
}

.ui-dialog-arrow-a, .ui-dialog-arrow-b {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
    _color: #ff3fff;
    _filter: chroma(color=#FF3FFF);
    border: 8px dashed transparent
}

.ui-popup-follow .ui-dialog-arrow-a, .ui-popup-follow .ui-dialog-arrow-b {
    display: block
}

.ui-popup-top-left .ui-dialog-arrow-a, .ui-popup-top .ui-dialog-arrow-a, .ui-popup-top-right .ui-dialog-arrow-a {
    bottom: -16px;
    border-top: 8px solid #7c7c7c
}

.ui-popup-top-left .ui-dialog-arrow-b, .ui-popup-top .ui-dialog-arrow-b, .ui-popup-top-right .ui-dialog-arrow-b {
    bottom: -15px;
    border-top: 8px solid #edff88
}

.ui-popup-top-left .ui-dialog-arrow-a, .ui-popup-top-left .ui-dialog-arrow-b {
    left: 15px
}

.ui-popup-top .ui-dialog-arrow-a, .ui-popup-top .ui-dialog-arrow-b {
    left: 50%;
    margin-left: -8px
}

.ui-popup-top-right .ui-dialog-arrow-a, .ui-popup-top-right .ui-dialog-arrow-b {
    right: 15px
}

.ui-popup-bottom-left .ui-dialog-arrow-a, .ui-popup-bottom .ui-dialog-arrow-a, .ui-popup-bottom-right .ui-dialog-arrow-a {
    top: -16px;
    border-bottom: 8px solid #7c7c7c
}

.ui-popup-bottom-left .ui-dialog-arrow-b, .ui-popup-bottom .ui-dialog-arrow-b, .ui-popup-bottom-right .ui-dialog-arrow-b {
    top: -15px;
    border-bottom: 8px solid #edff88
}

.ui-popup-bottom-left .ui-dialog-arrow-a, .ui-popup-bottom-left .ui-dialog-arrow-b {
    left: 15px
}

.ui-popup-bottom .ui-dialog-arrow-a, .ui-popup-bottom .ui-dialog-arrow-b {
    margin-left: -8px;
    left: 50%
}

.ui-popup-bottom-right .ui-dialog-arrow-a, .ui-popup-bottom-right .ui-dialog-arrow-b {
    right: 15px
}

.ui-popup-left-top .ui-dialog-arrow-a, .ui-popup-left .ui-dialog-arrow-a, .ui-popup-left-bottom .ui-dialog-arrow-a {
    right: -16px;
    border-left: 8px solid #7c7c7c
}

.ui-popup-left-top .ui-dialog-arrow-b, .ui-popup-left .ui-dialog-arrow-b, .ui-popup-left-bottom .ui-dialog-arrow-b {
    right: -15px;
    border-left: 8px solid #edff88
}

.ui-popup-left-top .ui-dialog-arrow-a, .ui-popup-left-top .ui-dialog-arrow-b {
    top: 15px
}

.ui-popup-left .ui-dialog-arrow-a, .ui-popup-left .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%
}

.ui-popup-left-bottom .ui-dialog-arrow-a, .ui-popup-left-bottom .ui-dialog-arrow-b {
    bottom: 15px
}

.ui-popup-right-top .ui-dialog-arrow-a, .ui-popup-right .ui-dialog-arrow-a, .ui-popup-right-bottom .ui-dialog-arrow-a {
    left: -16px;
    border-right: 8px solid #7c7c7c
}

.ui-popup-right-top .ui-dialog-arrow-b, .ui-popup-right .ui-dialog-arrow-b, .ui-popup-right-bottom .ui-dialog-arrow-b {
    left: -15px;
    border-right: 8px solid #edff88
}

.ui-popup-right-top .ui-dialog-arrow-a, .ui-popup-right-top .ui-dialog-arrow-b {
    top: 15px
}

.ui-popup-right .ui-dialog-arrow-a, .ui-popup-right .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%
}

.ui-popup-right-bottom .ui-dialog-arrow-a, .ui-popup-right-bottom .ui-dialog-arrow-b {
    bottom: 15px
}

@-webkit-keyframes ui-dialog-loading {

0
{
    -webkit-transform: rotate(0)
}
100
%
{
    -webkit-transform: rotate(360deg)
}
}
@keyframes ui-dialog-loading {

0
{
    transform: rotate(0)
}
100
%
{
    transform: rotate(360deg)
}
}
.ui-dialog-loading {
    vertical-align: middle;
    position: relative;
    display: block;
    *zoom: 1;
    *display: inline;
    overflow: hidden;
    width: 32px;
    height: 32px;
    top: 50%;
    margin: -16px auto 0 auto;
    font-size: 0;
    text-indent: -999em;
    color: #666
}

.ui-dialog-loading {
    width: 100% \9;
    text-indent: 0 \9;
    line-height: 32px \9;
    text-align: center \9;
    font-size: 12px \9
}

.ui-dialog-loading::after {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    margin: 14.5px 0 0 14.5px;
    border-radius: 100%;
    box-shadow: 0 -10px 0 1px #ccc, 10px 0 #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 .5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
    -webkit-transform: rotate(360deg);
    -webkit-animation: ui-dialog-loading 1.5s infinite linear;
    transform: rotate(360deg);
    animation: ui-dialog-loading 1.5s infinite linear;
    display: none \9
}

.myLoading {
    background: #fff url(data:image/gif;base64,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) no-repeat center center
}

.myLoading .pic {
    display: none
}

.wza-nav {
    text-align: center;
    background: #f5f5f5
}

.wza-nav table {
    margin: auto
}

.wza-nav .wza-button {
    margin: 3px;
    border: 1px solid #c80000;
    background-color: #fff;
    color: red;
    font-size: 14px;
    font-weight: 700;
    padding: 0 8px;
    line-height: 32px;
    cursor: pointer
}

.wza-nav .wza-lineX, .wza-nav .wza-lineY {
    top: 0;
    left: 0;
    display: none;
    border-top: 3px #0381ce solid;
    position: absolute;
    width: 100%;
    height: 0;
    font-size: 0;
    z-index: 50001
}

.wza-nav .wza-lineY {
    top: 0;
    left: 0;
    display: none;
    border-left: 3px #0381ce solid;
    position: absolute;
    width: 0;
    height: 100%;
    font-size: 0;
    z-index: 50201
}

.mF_51xflash_wrap {
    padding: 8px;
    border: 1px solid #999;
    float: left;
    background: #fff
}

.mF_51xflash {
    position: relative
}

.mF_51xflash .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_51xflash .pic {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.mF_51xflash .pic ul {
    position: static
}

.mF_51xflash .pic ul li {
    position: absolute;
    right: 0
}

.mF_51xflash .pic ul li a, .mF_51xflash .pic ul li a img {
    display: block;
    width: 100%;
    height: 100%
}

.mF_51xflash .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 34px;
    line-height: 34px
}

.mF_51xflash .txt li {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f1f1f1
}

.mF_51xflash .txt li a {
    display: block;
    padding-left: 40px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    background: url(../js/mf-pattern/img/mF_51xflash/tit-ar.gif) 6px center no-repeat
}

.mF_51xflash .play, .mF_51xflash .stop {
    position: absolute;
    right: 10px;
    bottom: 6px;
    z-index: 9;
    width: 30px;
    height: 23px;
    overflow: hidden;
    cursor: pointer;
    background: url(../js/mf-pattern/img/mF_51xflash/play.gif) left -25px no-repeat
}

.mF_51xflash .stop {
    background-position: left top
}

.mF_classicHB_wrap {
    padding: 8px;
    border: 1px solid #999;
    float: left;
    background: #fff
}

.mF_classicHB {
    -webkit-text-size-adjust: none;
    position: relative
}

.mF_classicHB .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_classicHB .pic {
    position: relative
}

.mF_classicHB .pic li {
    position: absolute;
    width: 120%;
    height: 120%
}

.mF_classicHB .pic li img {
    width: 100%;
    height: 100%
}

.mF_classicHB .txt li {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    height: 20px;
    line-height: 20px
}

.mF_classicHB .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: center;
    font-size: 12px;
    text-decoration: none
}

.mF_classicHB .txt li b {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=40);
    opacity: .4
}

.mF_classicHB .num {
    height: 17px;
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 2px;
    color: #fff
}

.mF_classicHB .num li {
    float: left;
    margin-right: 2px;
    width: 16px;
    height: 17px;
    text-align: center;
    position: relative
}

.mF_classicHB .num li a {
    display: block;
    position: relative;
    z-index: 1;
    line-height: 16px;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.mF_classicHB .num li b {
    display: block;
    width: 100%;
    height: 17px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../js/mf-pattern/img/mF_classicHB/btn-gray.gif) no-repeat;
    filter: alpha(opacity=70);
    opacity: .7
}

.mF_classicHB .num li.current b, .mF_classicHB .num li.hover b {
    background-image: url(../js/mf-pattern/img/mF_classicHB/btn-blue.gif)
}

.mF_classicHC {
    position: relative
}

.mF_classicHC .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_classicHC .pic {
    border: 1px solid #666
}

.mF_classicHC .pic li {
    position: absolute;
    left: 0;
    top: 0
}

.mF_classicHC .txt li {
    position: absolute;
    left: 0;
    background: #dedede;
    overflow: hidden;
    height: 26px;
    line-height: 26px
}

.mF_classicHC .txt li a {
    display: block;
    color: #333;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none
}

.mF_classicHC .num, .mF_classicHC .num_bg {
    height: 19px;
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 31px;
    color: #fff
}

.mF_classicHC .num_bg {
    width: 100%;
    background: url(../js/mf-pattern/img/mF_classicHC/btn-bg.png) right bottom no-repeat;
    _height: 16px;
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../js/mf-pattern/img/mF_classicHC/btn-bg.png', sizingMethod=scale)
}

.mF_classicHC .num_bg li {
    position: absolute
}

.mF_classicHC .num li {
    float: left;
    width: 26px;
    height: 16px;
    line-height: 16px;
    padding-top: 3px;
    text-align: center;
    cursor: pointer;
    position: relative
}

.mF_classicHC .num li a {
    color: #fff
}

.mF_classicHC .num li b {
    position: absolute;
    top: 3px;
    left: 0;
    width: 1px;
    height: 16px;
    overflow: hidden;
    background: #dadada
}

.mF_classicHC .num li.hover, .mF_classicHC .num li.current {
    background-image: url(../js/mf-pattern/img/mF_classicHC/btn-red.gif)
}

.mF_classicHC .num li.hover {
    background-position: right bottom
}

.mF_classicHC .num li.current {
    background-position: left top
}

.mF_dleung {
    position: relative
}

.mF_dleung .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_dleung .pic {
    position: absolute
}

.mF_dleung .pic ul li {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    overflow: hidden
}

.mF_dleung .txt {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    width: 120%
}

.mF_dleung .txt li {
    float: left;
    height: 28px;
    line-height: 28px;
    margin-right: 2px;
    overflow: hidden;
    position: relative
}

.mF_dleung .txt li a, .mF_dleung .txt li b {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    text-align: center
}

.mF_dleung .txt li b {
    z-index: 1;
    opacity: .7;
    filter: Alpha(opacity=70);
    background: #666
}

.mF_dleung .txt li.current a {
    color: #333
}

.mF_dleung .txt li.current b {
    background: #fff
}

.mF_dleung .txt li p {
    display: none
}

.mF_kdui {
    background: #000
}

.mF_kdui .pic {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mF_kdui .pic li {
    position: absolute;
    top: 0;
    display: none
}

.mF_kdui .txt {
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 12px;
    width: 200px
}

.mF_kdui .txt li {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 12px;
    display: none
}

.mF_kdui .txt li a {
    position: relative;
    z-index: 1;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    font-family: '微软雅黑'
}

.mF_kdui .txt li b {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=20);
    opacity: .2;
    border-radius: 5px
}

.mF_kdui .txt li p {
    color: #fff
}

.mF_kdui .dot {
    position: absolute;
    z-index: 3;
    bottom: 8px;
    left: 0;
    width: 100%;
    text-align: center
}

.mF_kdui .dot li {
    display: inline-block;
    margin: 0 3px;
    *display: inline;
    *zoom: 1;
    width: 16px;
    height: 16px;
    background: url(../js/mf-pattern/img/mF_kdui/dots.png);
    cursor: pointer
}

.mF_kdui .dot li.current {
    background-position: 0 -16px
}

.mF_kdui .prev, .mF_kdui .next {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 9;
    bottom: 40%;
    left: 12px;
    cursor: pointer;
    background: url(../js/mf-pattern/img/mF_kdui/slider-arrows.png) 0 0;
    width: 38px;
    height: 38px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_kdui .next {
    left: auto;
    right: 12px;
    background-position: 100% 0
}

.mF_kdui .prev:hover, .mF_kdui .next:hover {
    opacity: 1
}

.mF_kdui .arr-hover {
    visibility: visible;
    opacity: .5
}

.mF_expo2010 {
    position: relative
}

.mF_expo2010 .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_expo2010 .pic li {
    position: absolute
}

.mF_expo2010 .txt_bg {
    position: absolute;
    bottom: 0;
    z-index: 1;
    height: 36px;
    width: 100%;
    background: #000;
    filter: alpha(opacity=40);
    opacity: .4
}

.mF_expo2010 .txt li {
    position: absolute;
    z-index: 2;
    left: 0;
    height: 36px;
    line-height: 36px
}

.mF_expo2010 .txt li a {
    display: block;
    color: #fff;
    padding: 2px 0 0 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.mF_expo2010 .num {
    position: absolute;
    z-index: 3;
    bottom: 8px;
    right: 8px
}

.mF_expo2010 .num li {
    float: left;
    position: relative;
    width: 22px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    margin-right: 1px;
    cursor: pointer
}

.mF_expo2010 .num li a, .mF_expo2010 .num li b {
    position: absolute;
    z-index: 2;
    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_expo2010 .num li b {
    z-index: 1;
    background: #fff;
    filter: alpha(opacity=50);
    opacity: .5
}

.mF_expo2010 .num li.hover a, .mF_expo2010 .num li.current a {
    background: #F60
}

.mF_fancy {
    position: relative
}

.mF_fancy .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_fancy .pic {
    position: absolute;
    z-index: 1
}

.mF_fancy .pic ul {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden
}

.mF_fancy .pic ul li {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden
}

.mF_fancy .txt {
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 12px;
    width: 80%;
    color: #fff
}

.mF_fancy .txt li {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 12px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_fancy .txt li a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    font-family: '微软雅黑'
}

.mF_fancy .txt li p {
    display: none
}

.mF_fancy .txt li.current {
    visibility: visible;
    opacity: 1
}

.mF_fancy .num {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden
}

.mF_fancy .num ul {
    width: 120%;
    background: #666;
    margin-left: -1px
}

.mF_fancy .num ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 12px;
    border-left: 1px solid #ddd;
    background: #666;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_fancy .num ul li:hover {
    background: #ddd
}

.mF_fancy .num ul li.current {
    background: #090909;
    cursor: default
}

.mF_fancy .num ul li a {
    display: none
}

.mF_fancy .thumb {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    z-index: 9
}

.mF_fancy .thumb ul {
    width: 120%
}

.mF_fancy .thumb ul li {
    display: inline-block !important;
    *display: inline !important;
    *zoom: 1;
    position: relative;
    visibility: hidden;
    cursor: pointer
}

.mF_fancy .thumb ul li img {
    width: 100%
}

.mF_fancy .prev, .mF_fancy .next {
    font: 700 53px/58px arial;
    width: 37px;
    height: 65px;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    left: 0;
    cursor: pointer;
    top: 40%
}

.mF_fancy .next {
    left: auto;
    right: 0
}

.mF_fancy .prev a, .mF_fancy .next a {
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_fancy .prev a:hover, .mF_fancy .next a:hover {
    color: #f60
}

.mF_fancy .show a {
    visibility: visible;
    opacity: 1
}

.mF_fscreen_tb_wrap {
    padding: 8px;
    border: 1px solid #999;
    float: left;
    background: #fff
}

.mF_fscreen_tb {
    background: #333;
    position: relative
}

.mF_fscreen_tb .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_fscreen_tb .pic {
    position: absolute;
    top: 0;
    left: 0
}

.mF_fscreen_tb .pic li {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none
}

.mF_fscreen_tb .thumb_bg {
    position: absolute;
    border-top: 1px solid #fff;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    filter: alpha(opacity=40);
    opacity: .4
}

.mF_fscreen_tb .thumb {
    position: absolute;
    bottom: 0;
    overflow: hidden
}

.mF_fscreen_tb .thumb ul {
    position: relative;
    top: 0;
    left: 0
}

.mF_fscreen_tb .thumb ul li {
    float: left;
    overflow: hidden;
    cursor: pointer
}

.mF_fscreen_tb .thumb ul li a {
    display: block;
    border: 1px solid #999;
    margin: 8px
}

.mF_fscreen_tb .thumb ul li a img {
    position: relative;
    z-index: 1;
    width: 100%;
    filter: alpha(opacity=80);
    opacity: .8
}

.mF_fscreen_tb .thumb ul li.current a img {
    filter: alpha(opacity=100);
    opacity: 1
}

.mF_fscreen_tb .thumb ul li.current a, .mF_fscreen_tb .thumb ul li.hover a {
    border-color: #fff
}

.mF_fscreen_tb .txt li {
    position: absolute;
    z-index: 2;
    top: 26px;
    width: 100%;
    line-height: 20px;
    font-family: '微软雅黑'
}

.mF_fscreen_tb .txt li a {
    display: block;
    color: #fff;
    padding-left: 16px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none
}

.mF_fscreen_tb .txt li p {
    padding-left: 16px;
    color: #fff
}

.mF_fscreen_tb .prev, .mF_fscreen_tb .next {
    font: bold 38px arial;
    width: 28px;
    height: 46px;
    overflow: hidden;
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: 0;
    cursor: pointer
}

.mF_fscreen_tb .next {
    left: auto;
    right: 0
}

.mF_fscreen_tb .prev a, .mF_fscreen_tb .next a {
    display: block;
    color: #f1f1f1;
    text-align: center;
    text-decoration: none
}

.mF_fscreen_tb .prev a:hover, .mF_fscreen_tb .next a:hover {
    color: #f60
}

.mF_games_tb_wrap {
    padding: 8px;
    border: 1px solid #999;
    float: left;
    background: #fff
}

.mF_games_tb {
    background: #f1f1f1;
    position: relative
}

.mF_games_tb .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_games_tb .pic {
    position: absolute;
    top: 0;
    left: 0
}

.mF_games_tb .pic li {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none
}

.mF_games_tb .thumb {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.mF_games_tb .thumb ul {
    position: absolute;
    top: 0;
    left: 0
}

.mF_games_tb .thumb ul li {
    position: relative;
    float: left;
    overflow: hidden;
    cursor: pointer
}

.mF_games_tb .thumb ul li a {
    display: block;
    border: 3px solid #d3d3d3;
    margin: 10px 4px
}

.mF_games_tb .thumb ul li img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}

.mF_games_tb .thumb ul li.current {
    background: url(../js/mf-pattern/img/mF_games_tb/ar.gif) center 5px no-repeat
}

.mF_games_tb .thumb ul li.current a {
    border-color: #ff8c00
}

.mF_games_tb .txt li {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 38px;
    line-height: 38px;
    display: none
}

.mF_games_tb .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.mF_games_tb .txt li b {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=30);
    opacity: .3
}

.mF_games_tb .prev, .mF_games_tb .next {
    font: bold 28px/28px arial;
    width: 16px;
    overflow: hidden;
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: 11px;
    cursor: pointer
}

.mF_games_tb .next {
    left: auto;
    right: 0
}

.mF_games_tb .prev a, .mF_games_tb .next a {
    display: block;
    color: #bbb;
    text-align: center;
    text-decoration: none
}

.mF_games_tb .prev a:hover, .mF_games_tb .next a:hover {
    color: #f60
}

.mF_kdui {
    background: #000;
    position: relative
}

.mF_kdui .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_kdui .pic {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mF_kdui .pic li {
    position: absolute;
    top: 0;
    display: none
}

.mF_kdui .txt {
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 12px;
    width: 200px
}

.mF_kdui .txt li {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 12px;
    display: none
}

.mF_kdui .txt li a {
    position: relative;
    z-index: 1;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    font-family: '微软雅黑'
}

.mF_kdui .txt li b {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=20);
    opacity: .2;
    border-radius: 5px
}

.mF_kdui .txt li p {
    color: #fff
}

.mF_kdui .dot {
    position: absolute;
    z-index: 3;
    bottom: 8px;
    left: 0;
    width: 100%;
    text-align: center
}

.mF_kdui .dot li {
    display: inline-block;
    margin: 0 3px;
    *display: inline;
    *zoom: 1;
    width: 16px;
    height: 16px;
    background: url(../js/mf-pattern/img/mF_kdui/dots.png);
    cursor: pointer
}

.mF_kdui .dot li.current {
    background-position: 0 -16px
}

.mF_kdui .prev, .mF_kdui .next {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 9;
    bottom: 40%;
    left: 12px;
    cursor: pointer;
    background: url(../js/mf-pattern/img/mF_kdui/slider-arrows.png) 0 0;
    width: 38px;
    height: 38px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_kdui .next {
    left: auto;
    right: 12px;
    background-position: 100% 0
}

.mF_kdui .prev:hover, .mF_kdui .next:hover {
    opacity: 1
}

.mF_kdui .arr-hover {
    visibility: visible;
    opacity: .5
}

.mF_kiki_wrap {
    padding: 6px;
    border: 1px solid #999;
    float: left;
    background: #fff
}

.mF_kiki {
    position: relative
}

.mF_kiki .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_kiki .pic li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mF_kiki .txt li {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    *line-height: 32px;
    overflow: hidden;
    background: url(../js/mf-pattern/img/mF_kiki/tit-ar.gif) left 10px no-repeat;
    display: none
}

.mF_kiki .txt li a {
    display: block;
    color: #333;
    padding-left: 32px;
    font-size: 12px;
    text-decoration: none
}

.mF_kiki .num {
    position: absolute;
    bottom: 34px;
    right: 2px;
    z-index: 9
}

.mF_kiki .num li {
    float: left;
    margin-right: 2px;
    width: 20px;
    height: 6px;
    overflow: hidden;
    border: 1px solid #000;
    background: #ccc;
    cursor: pointer
}

.mF_kiki .num li.current, .mF_kiki .num li.hover {
    background: #e92b00;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_kiki .num li a {
    display: none
}

.mF_kiki .nav {
    position: absolute;
    width: 100px;
    height: 30px;
    line-height: 30px;
    z-index: 3;
    bottom: 0;
    right: 0
}

.mF_kiki .nav a, .mF_kiki .nav span {
    float: left;
    color: #333;
    text-decoration: none
}

.mF_kiki .nav a:hover {
    color: #d91c00
}

.mF_kiki .nav a.prev {
    cursor: pointer;
    padding-left: 10px;
    background: url(../js/mf-pattern/img/mF_kiki/ar-left.gif) left no-repeat
}

.mF_kiki .nav a.next {
    cursor: pointer;
    padding: 0 10px 0 4px;
    background: url(../js/mf-pattern/img/mF_kiki/ar-right.gif) right no-repeat
}

.mF_kiki .nav span {
    margin-left: 3px
}

.mF_ladyQ {
    position: relative
}

.mF_ladyQ .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_ladyQ .pic li {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    display: none
}

.mF_ladyQ .txt li {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 28px;
    line-height: 30px;
    font-family: '微软雅黑';
    visibility: hidden;
    opacity: 0
}

.mF_ladyQ .txt li.current {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 1s .4s;
    -moz-transition: all 1s .4s;
    -o-transition: all 1s .4s
}

.mF_ladyQ .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    margin-top: 2px;
    padding-left: 10px;
    font-size: 16px;
    text-decoration: none
}

.mF_ladyQ .txt li p {
    position: relative;
    z-index: 1;
    padding-left: 11px;
    line-height: 22px;
    font-size: 14px;
    color: #eee
}

.mF_ladyQ .txt li b {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=40);
    opacity: .4
}

.mF_ladyQ .time_bar {
    position: absolute;
    left: 0;
    height: 20px;
    overflow: hidden;
    background: #444
}

.mF_ladyQ .num {
    position: relative;
    height: 28px;
    background: #000
}

.mF_ladyQ .num ul {
    position: absolute;
    right: 6px;
    top: 4px
}

.mF_ladyQ .num ul li {
    float: left;
    display: inline;
    margin-left: 3px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

.mF_ladyQ .num ul li a {
    color: #b1b1b1;
    display: block;
    background: #444;
    text-decoration: none
}

.mF_ladyQ .num ul li.current a, .mF_ladyQ .num ul li.hover a {
    color: #fff;
    background: #f60;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_liquid {
    position: relative
}

.mF_liquid .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_liquid .pic {
    position: static
}

.mF_liquid .pic li, .mF_liquid .pic_mod li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mF_liquid .pic li img, .mF_liquid .pic_mod li img {
    position: absolute;
    left: 0;
    top: 0
}

.mF_liquid .txt li {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    height: 38px;
    line-height: 38px;
    display: none
}

.mF_liquid .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.mF_liquid .txt li b {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=30);
    opacity: .3
}

.mF_liquid .num {
    position: absolute;
    z-index: 3;
    bottom: 6px;
    right: 6px
}

.mF_liquid .num li {
    float: left
}

.mF_liquid .num li a {
    color: #333;
    float: left;
    width: 20px;
    height: 18px;
    position: relative;
    line-height: 18px;
    border: 1px solid #196ba9;
    text-align: center;
    margin-right: 3px;
    cursor: pointer;
    background: #dedede;
    filter: alpha(opacity=80);
    opacity: .8;
    text-decoration: none
}

.mF_liquid .num li.current a, .mF_liquid .num li.hover a {
    background: #09f;
    color: #fff;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    top: -2px;
    filter: alpha(opacity=100);
    opacity: 1
}

.mF_liuzg {
    position: relative
}

.mF_liuzg .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_liuzg .pic li {
    position: relative;
    overflow: hidden;
    float: left
}

.mF_liuzg .pic li div {
    width: 100%;
    position: absolute
}

.mF_liuzg .pic li div a {
    display: block;
    overflow: hidden
}

.mF_liuzg .txt li {
    position: absolute;
    z-index: 2;
    bottom: 0;
    height: 36px;
    line-height: 36px;
    display: none
}

.mF_liuzg .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.mF_liuzg .txt li b {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=40);
    opacity: .4
}

.mF_liuzg .num {
    position: absolute;
    z-index: 3;
    bottom: 6px;
    right: 8px;
    color: #333
}

.mF_liuzg .num li {
    float: left;
    width: 22px;
    height: 18px;
    position: relative;
    border: 1px solid #333;
    line-height: 18px;
    text-align: center;
    margin-right: 3px;
    cursor: pointer;
    background: #eee;
    filter: alpha(opacity=70);
    opacity: .7
}

.mF_liuzg .num li a {
    color: #333;
    text-decoration: none
}

.mF_liuzg .num li.current {
    background: #f60;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    top: -2px;
    filter: alpha(opacity=100);
    opacity: 1
}

.mF_liuzg .num li.current a {
    color: #fff
}

.mF_luluJQ_wrap {
    padding: 8px;
    border: 1px solid #999;
    float: left;
    background: #fff
}

.mF_luluJQ {
    position: relative
}

.mF_luluJQ .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_luluJQ .pic {
    width: 100%
}

.mF_luluJQ .pic li {
    position: absolute;
    background: #000
}

.mF_luluJQ .pic li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
    overflow: hidden
}

.mF_luluJQ .pic li a span {
    display: block;
    position: relative;
    width: 100%;
    height: 34px;
    line-height: 34px;
    overflow: hidden
}

.mF_luluJQ .pic li a span b {
    display: block;
    position: relative;
    color: #fff;
    padding-left: 16px;
    font-size: 14px;
    z-index: 1;
    cursor: pointer
}

.mF_luluJQ .pic li a span i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    opacity: .5;
    background: #000
}

.mF_pconline {
    position: relative
}

.mF_pconline .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_pconline .pic li {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    display: none
}

.mF_pconline .txt li {
    position: absolute;
    z-index: 2;
    bottom: 0;
    height: 28px;
    line-height: 28px;
    background: #dbdbdb;
    display: none
}

.mF_pconline .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #333;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none
}

.mF_pconline .num {
    position: absolute;
    z-index: 3;
    bottom: 5px;
    right: 5px
}

.mF_pconline .num li {
    float: left
}

.mF_pconline .num li a {
    color: #333;
    float: left;
    margin-left: 3px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    *line-height: 14px;
    overflow: hidden;
    border: 1px solid #aec1cc;
    text-align: center;
    cursor: pointer;
    background: #fff;
    text-decoration: none
}

.mF_pconline .num li.current a, .mF_pconline .num li.hover a {
    color: #fff;
    background: #f60;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_peijianmall {
    position: relative
}

.mF_peijianmall .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_peijianmall .pic ul {
    position: absolute
}

.mF_peijianmall .pic ul li {
    overflow: hidden
}

.mF_peijianmall .pic ul.left li {
    float: left
}

.mF_peijianmall .pic ul.right li {
    float: right
}

.mF_peijianmall .txt {
    position: absolute;
    z-index: 2;
    left: 18px;
    bottom: 10px
}

.mF_peijianmall .txt li {
    float: left;
    position: relative;
    margin-right: 10px;
    height: 40px;
    width: 68px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #f90;
    border-radius: 3px
}

.mF_peijianmall .txt li b {
    background: #fbf6dc;
    width: 100%;
    height: 100%;
    opacity: .8;
    filter: alpha(opacity=80);
    position: absolute;
    top: 0;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s
}

.mF_peijianmall .txt li a {
    display: block;
    padding: 3px;
    color: #d3520c;
    text-decoration: none;
    position: relative;
    z-index: 1;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s
}

.mF_peijianmall .txt li.current {
    border: 1px solid #c00
}

.mF_peijianmall .txt li.current b {
    background: #fb7917
}

.mF_peijianmall .txt li.current a {
    color: #fff
}

.mF_peijianmall .txt li p {
    display: none
}

.mF_pithy_tb_wrap {
    padding: 8px;
    border: 1px solid #999;
    float: left;
    background: #fff
}

.mF_pithy_tb {
    position: relative
}

.mF_pithy_tb .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_pithy_tb .pic {
    position: absolute;
    top: 0;
    left: 0
}

.mF_pithy_tb .pic ul {
    position: absolute
}

.mF_pithy_tb .pic ul li {
    width: 100%;
    overflow: hidden
}

.mF_pithy_tb .thumb {
    position: absolute;
    right: 0;
    overflow: hidden;
    z-index: 3;
    background: #fff
}

.mF_pithy_tb .thumb ul {
    position: absolute;
    width: 100%;
    top: 0
}

.mF_pithy_tb .thumb ul li {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    *margin-bottom: -2px
}

.mF_pithy_tb .thumb li a {
    display: block;
    padding: 5px;
    margin-left: 10px;
    border: 1px solid #f1f1f1;
    border-left: 0
}

.mF_pithy_tb .thumb li.current {
    background: url(../js/mf-pattern/img/mF_pithy_tb/btn.gif) 3px center no-repeat
}

.mF_pithy_tb .thumb li.current a {
    border-color: #ccc
}

.mF_pithy_tb .thumb li b {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    top: 0;
    left: 10px;
    z-index: -1
}

.mF_pithy_tb .txt li {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    display: none
}

.mF_pithy_tb .txt li a {
    display: block;
    line-height: 38px;
    position: relative;
    z-index: 1;
    color: #fff;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.mF_pithy_tb .txt li b {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=30);
    opacity: .3
}

.mF_pithy_tb .prev, .mF_pithy_tb .next {
    overflow: hidden;
    position: absolute;
    z-index: 4;
    right: 0;
    cursor: pointer;
    background: #dedede;
    text-align: center
}

.mF_pithy_tb .prev {
    top: 0
}

.mF_pithy_tb .next {
    bottom: 0
}

.mF_pithy_tb .prev-2, .mF_pithy_tb .next-2 {
    width: 23px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    z-index: 4;
    bottom: 12px;
    cursor: pointer;
    background: url(../js/mf-pattern/img/mF_pithy_tb/turn.gif) left top no-repeat
}

.mF_pithy_tb .next-2 {
    width: 24px;
    background-position: right top
}

.mF_qiyi_wrap {
    position: relative;
    float: left;
    overflow: hidden;
    padding: 6px;
    border: 1px solid #333
}

.mF_qiyi .loading {
    color: #f60;
    background: #333 url(../js/mf-pattern/img/mF_qiyi/bg.jpg) center no-repeat;
    z-index: 9
}

.mF_qiyi .slider {
    height: 100%;
    position: absolute;
    overflow: hidden
}

.mF_qiyi .slider .pic {
    height: 100%;
    width: 100%
}

.mF_qiyi .slider .pic li {
    height: 100%;
    overflow: hidden;
    float: left
}

.mF_qiyi .slider .txt {
    width: 100%
}

.mF_qiyi .slider .txt li {
    position: relative;
    float: left;
    height: 34px;
    line-height: 34px
}

.mF_qiyi .slider .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.mF_qiyi .slider .txt li b {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=40);
    opacity: .4
}

.mF_qiyi .num {
    position: absolute;
    z-index: 2;
    bottom: 6px;
    right: 12px
}

.mF_qiyi .num li {
    float: left;
    width: 18px;
    height: 16px;
    line-height: 16px;
    margin-left: 4px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #000;
    cursor: pointer
}

.mF_qiyi .num li a {
    color: #000;
    display: block;
    background: #ccc;
    text-decoration: none
}

.mF_qiyi .num li.current a, .mF_qiyi .num li.hover a {
    background: #f60;
    color: #fff;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_quwan {
    position: relative
}

.mF_quwan .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_quwan, .mF_quwan .pic {
    border-bottom: 1px solid #e2e2e2
}

.mF_quwan .pic li {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    display: none
}

.mF_quwan .txt li {
    position: absolute;
    z-index: 2;
    *bottom: 16px !important;
    height: 34px;
    line-height: 34px;
    display: none
}

.mF_quwan .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.mF_quwan .txt li b {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=30);
    opacity: .3
}

.mF_quwan .num {
    position: absolute;
    z-index: 3;
    bottom: 0;
    *bottom: -1px;
    right: 0
}

.mF_quwan .num li {
    float: left
}

.mF_quwan .num li a {
    color: #b5aab0;
    float: left;
    width: 56px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    text-align: center;
    border-left: 1px solid #e2e2e2;
    cursor: pointer;
    text-decoration: none
}

.mF_quwan .num li.current a, .mF_quwan .num li.hover a {
    color: #fff;
    font-weight: bold;
    background: #da0a0a;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_rapoo_wrap {
    padding: 4px;
    border: 1px solid #999;
    float: left;
    background: #fff
}

.mF_rapoo {
    position: relative
}

.mF_rapoo .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_rapoo .pic li {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute
}

.mF_rapoo .txt {
    position: absolute;
    z-index: 2;
    bottom: 12px;
    width: 140px;
    height: 18px;
    right: 26px
}

.mF_rapoo .txt li {
    position: absolute;
    height: 18px;
    line-height: 18px;
    *line-height: 20px;
    width: 0;
    background: #f6f6f6;
    border-radius: 3px
}

.mF_rapoo .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #f60;
    padding: 0 10px;
    font-size: 12px;
    text-decoration: none
}

.mF_rapoo .num {
    position: absolute;
    z-index: 3;
    bottom: 12px;
    right: 26px
}

.mF_rapoo .num li {
    float: left;
    display: inline;
    margin-left: 6px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    border-radius: 3px
}

.mF_rapoo .num li a {
    display: block;
    color: #f60;
    background: #eee;
    text-decoration: none
}

.mF_rapoo .num li.current a, .mF_rapoo .num li.hover a {
    color: #fff;
    background: #f60
}

.mF_rapoo .prev, .mF_rapoo .next {
    width: 8px;
    height: 22px;
    overflow: hidden;
    position: absolute;
    z-index: 4;
    bottom: 15px;
    right: 88px;
    cursor: pointer
}

.mF_rapoo .prev a, .mF_rapoo .next a {
    display: block;
    font: bold 26px/28px arial;
    color: #e3e3e3;
    text-align: center
}

.mF_rapoo .prev a:hover, .mF_rapoo .next a:hover {
    color: #f60
}

.mF_shutters {
    position: relative
}

.mF_shutters .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_shutters .pic {
    position: absolute;
    z-index: 1
}

.mF_shutters .pic ul {
    position: absolute;
    top: 0;
    left: 0;
    width: x;
    height: 100%;
    overflow: hidden
}

.mF_shutters .pic ul li {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.mF_shutters .txt {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    height: 36px;
    line-height: 36px
}

.mF_shutters .txt li {
    position: absolute;
    top: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_shutters .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.mF_shutters .txt li b {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=40);
    opacity: .4
}

.mF_shutters .txt li.current {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 1s 1s;
    -moz-transition: all 1s 1s;
    -o-transition: all 1s 1s
}

.mF_shutters .prev a, .mF_shutters .next a {
    position: absolute;
    bottom: 46px;
    left: 0;
    padding: 4px 6px;
    z-index: 9;
    color: #333;
    text-decoration: none;
    background: #fff;
    border-radius: 0 3px 3px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_shutters .hover a {
    visibility: visible;
    filter: alpha(opacity=80);
    opacity: .8
}

.mF_shutters .next a {
    left: auto;
    right: 0;
    border-radius: 3px 0 0 3px
}

.mF_shutters .prev a:hover, .mF_shutters .next a:hover {
    color: #f60
}

.mF_slide3D_wrap {
    padding: 8px;
    border: 1px solid #999;
    float: left;
    background: #fff
}

.mF_slide3D {
    position: relative
}

.mF_slide3D .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_slide3D .pic li {
    float: left;
    display: inline;
    overflow: hidden
}

.mF_slide3D .pic li img {
    width: 0
}

.mF_slide3D .mask11, .mF_slide3D .mask12 {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid dashed dashed solid;
    border-color: #fff transparent transparent #fff;
    filter: chroma(color=#000000)
}

.mF_slide3D .mask12 {
    top: auto;
    bottom: 0;
    border-style: dashed dashed solid solid;
    border-color: transparent transparent #fff #fff
}

.mF_slide3D .mask21, .mF_slide3D .mask22 {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid solid dashed dashed;
    border-color: #fff #fff transparent transparent;
    filter: chroma(color=#000000)
}

.mF_slide3D .mask22 {
    top: auto;
    bottom: 0;
    border-style: dashed solid solid dashed;
    border-color: transparent #fff #fff transparent
}

.mF_slide3D .num {
    position: absolute;
    z-index: 3;
    bottom: 12px;
    left: 12px
}

.mF_slide3D .num li {
    float: left;
    display: inline;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #f60;
    overflow: hidden;
    text-align: center;
    margin-right: 4px;
    cursor: pointer
}

.mF_slide3D .num li a {
    color: #333;
    display: block;
    background: #fcf2cf;
    text-decoration: none
}

.mF_slide3D .num li.current a, .mF_slide3D .num li.hover a, .mF_slide3D .next a:hover {
    color: #fff;
    background: #f60;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_slide3D .next {
    position: absolute;
    z-index: 3;
    bottom: 12px;
    right: 12px;
    border: 1px solid #f60
}

.mF_slide3D .next a {
    display: block;
    padding: 0 4px;
    color: #333;
    background: #fcf2cf;
    cursor: pointer;
    text-decoration: none
}

.mF_sohusports_wrap {
    padding: 8px;
    border: 1px solid #999;
    float: left;
    background: #fff
}

.mF_sohusports {
    position: relative
}

.mF_sohusports .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_sohusports .pic li {
    position: absolute;
    display: none
}

.mF_sohusports .txt li {
    position: absolute;
    z-index: 2;
    bottom: 0;
    height: 60px;
    line-height: 32px;
    display: none
}

.mF_sohusports .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.mF_sohusports .txt li b {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=40);
    opacity: .4
}

.mF_sohusports .txt li p {
    display: none
}

.mF_sohusports .num {
    position: absolute;
    z-index: 3;
    bottom: 8px;
    right: 6px
}

.mF_sohusports .num li {
    float: left
}

.mF_sohusports .num li a {
    color: #fff;
    float: left;
    width: 20px;
    height: 20px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    margin-right: 4px;
    cursor: pointer;
    background: url(../js/mf-pattern/img/mF_sohusports/sh-btn.gif) left no-repeat;
    text-decoration: none
}

.mF_sohusports .num li.current a, .mF_sohusports .num li.hover a {
    color: #ff7b11;
    background-position: right
}

.mF_taobao2010 {
    position: relative
}

.mF_taobao2010 .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_taobao2010 .pic ul {
    position: absolute
}

.mF_taobao2010 .pic ul li {
    position: relative;
    overflow: hidden
}

.mF_taobao2010 .pic ul.left li {
    float: left
}

.mF_taobao2010 .txt li {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    height: 38px;
    line-height: 38px;
    display: none
}

.mF_taobao2010 .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.mF_taobao2010 .txt li b {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=30);
    opacity: .3
}

.mF_taobao2010 .num {
    position: absolute;
    z-index: 3;
    bottom: 6px;
    right: 6px
}

.mF_taobao2010 .num li {
    float: left
}

.mF_taobao2010 .num li a {
    float: left;
    color: #e54b3b;
    width: 20px;
    height: 18px;
    position: relative;
    line-height: 18px;
    border: 1px solid #f27602;
    text-align: center;
    margin-right: 3px;
    cursor: pointer;
    background: #fdf1d4;
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s
}

.mF_taobao2010 .num li.current a, .mF_taobao2010 .num li.hover a {
    background: #fe8b18;
    color: #fff;
    border-color: #d86c01;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    top: -2px
}

.mF_taobaomall {
    border: 1px solid #ccc;
    position: relative
}

.mF_taobaomall .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_taobaomall .pic {
    position: relative;
    overflow: hidden;
    border-bottom: 0
}

.mF_taobaomall .pic ul {
    position: absolute
}

.mF_taobaomall .pic ul li {
    position: relative;
    overflow: hidden
}

.mF_taobaomall .pic ul.left li {
    float: left
}

.mF_taobaomall .txt {
    line-height: 28px;
    border-top: 1px solid #ccc;
    overflow: hidden;
    width: 120%
}

.mF_taobaomall .txt li {
    float: left;
    border-right: 1px solid #dedede;
    overflow: hidden
}

.mF_taobaomall .txt li a {
    display: block;
    color: #333;
    padding: 0 10px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    background: url(../js/mf-pattern/img/mF_taobaomall/btn-bg2.gif) left -44px repeat-x
}

.mF_taobaomall .txt li.current a {
    color: #fff;
    font-weight: bold;
    background-position: left top
}

.mF_tbhuabao {
    background: #ddd;
    border: 10px solid #333;
    overflow: visible;
    margin-left: 10px;
    position: relative
}

.mF_tbhuabao .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_tbhuabao .pic, .mF_tbhuabao .pic ul {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.mF_tbhuabao .pic li {
    position: relative;
    float: left;
    overflow: hidden
}

.mF_tbhuabao .txt li {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 38px;
    line-height: 38px;
    display: none
}

.mF_tbhuabao .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.mF_tbhuabao .txt li b {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=30);
    opacity: .3
}

.mF_tbhuabao .dot {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 32px;
    line-height: 28px;
    width: 100%;
    text-align: center
}

.mF_tbhuabao .dot li {
    display: inline;
    margin: 0 3px
}

.mF_tbhuabao .dot li a {
    color: #999;
    font-size: 26px;
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s
}

.mF_tbhuabao .dot li.current a {
    color: #f60
}

.mF_tbhuabao .prev, .mF_tbhuabao .next {
    font: 700 53px/58px arial;
    width: 37px;
    height: 65px;
    overflow: hidden;
    position: absolute;
    z-index: 4;
    left: -20px;
    cursor: pointer;
    background: url(../js/mf-pattern/img/mF_tbhuabao/btn-bg.gif) no-repeat
}

.mF_tbhuabao .next {
    left: auto;
    right: -20px
}

.mF_tbhuabao .prev a, .mF_tbhuabao .next a {
    display: block;
    color: #bbb;
    text-align: center;
    text-decoration: none
}

.mF_tbhuabao .prev a:hover, .mF_tbhuabao .next a:hover {
    color: #f60
}

.mF_YSlider {
    position: relative
}

.mF_YSlider .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../js/mf-pattern/img/loading.gif) center no-repeat;
    z-index: 9
}

.mF_YSlider .pic li, .mF_YSlider .rePic li {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.mF_YSlider .txt li {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    display: none
}

.mF_YSlider .txt li a {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    padding-left: 16px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.mF_YSlider .txt li b {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=40);
    opacity: .4
}

.mF_YSlider .num {
    position: absolute;
    z-index: 3;
    bottom: 8px;
    right: 2px
}

.mF_YSlider .num li {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    margin-right: 4px;
    cursor: pointer
}

.mF_YSlider .num li a, .mF_YSlider .num li b {
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #dedede;
    line-height: 18px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    color: #333;
    text-decoration: none
}

.mF_YSlider .num li b {
    z-index: 1;
    background: #fff;
    filter: alpha(opacity=60);
    opacity: .6
}

.mF_YSlider .num li.current a, .mF_YSlider .num li.hover a {
    border-color: #e63003;
    color: #fff;
    background: #f66e08;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

/*!
Pure v0.4.2
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
.row {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap
}

.opera-only :-o-prefocus, .row {
    word-spacing: -0.43em
}

.col {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.row [class *= "col"] {
    font-family: sans-serif
}

/*!
Pure v0.4.2
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
.col-1, .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-5-5, .col-1-6, .col-5-6, .col-1-8, .col-3-8, .col-5-8, .col-7-8, .col-1-12, .col-5-12, .col-7-12, .col-11-12, .col-1-24, .col-2-24, .col-3-24, .col-4-24, .col-5-24, .col-6-24, .col-7-24, .col-8-24, .col-9-24, .col-10-24, .col-11-24, .col-12-24, .col-13-24, .col-14-24, .col-15-24, .col-16-24, .col-17-24, .col-18-24, .col-19-24, .col-20-24, .col-21-24, .col-22-24, .col-23-24, .col-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.col-1-24 {
    width: 4.1667%;
    *width: 4.1357%
}

.col-1-12, .col-2-24 {
    width: 8.3333%;
    *width: 8.3023%
}

.col-1-8, .col-3-24 {
    width: 12.5000%;
    *width: 12.4690%
}

.col-1-6, .col-4-24 {
    width: 16.6667%;
    *width: 16.6357%
}

.col-1-5 {
    width: 20%;
    *width: 19.9690%
}

.col-5-24 {
    width: 20.8333%;
    *width: 20.8023%
}

.col-1-4, .col-6-24 {
    width: 25%;
    *width: 24.9690%
}

.col-7-24 {
    width: 29.1667%;
    *width: 29.1357%
}

.col-1-3, .col-8-24 {
    width: 33.3333%;
    *width: 33.3023%
}

.col-3-8, .col-9-24 {
    width: 37.5000%;
    *width: 37.4690%
}

.col-2-5 {
    width: 40%;
    *width: 39.9690%
}

.col-5-12, .col-10-24 {
    width: 41.6667%;
    *width: 41.6357%
}

.col-11-24 {
    width: 45.8333%;
    *width: 45.8023%
}

.col-1-2, .col-12-24 {
    width: 50%;
    *width: 49.9690%
}

.col-13-24 {
    width: 54.1667%;
    *width: 54.1357%
}

.col-7-12, .col-14-24 {
    width: 58.3333%;
    *width: 58.3023%
}

.col-3-5 {
    width: 60%;
    *width: 59.9690%
}

.col-5-8, .col-15-24 {
    width: 62.5000%;
    *width: 62.4690%
}

.col-2-3, .col-16-24 {
    width: 66.6667%;
    *width: 66.6357%
}

.col-17-24 {
    width: 70.8333%;
    *width: 70.8023%
}

.col-3-4, .col-18-24 {
    width: 75%;
    *width: 74.9690%
}

.col-19-24 {
    width: 79.1667%;
    *width: 79.1357%
}

.col-4-5 {
    width: 80%;
    *width: 79.9690%
}

.col-5-6, .col-20-24 {
    width: 83.3333%;
    *width: 83.3023%
}

.col-7-8, .col-21-24 {
    width: 87.5000%;
    *width: 87.4690%
}

.col-11-12, .col-22-24 {
    width: 91.6667%;
    *width: 91.6357%
}

.col-23-24 {
    width: 95.8333%;
    *width: 95.8023%
}

.col-1, .col-1-1, .col-5-5, .col-24-24 {
    width: 100%
}

#yui3-css-stamp.cssgrids {
    display: none
}

@media (max-width: 480px) {
    .row > .col, .row > [class *= "col-"] {
        width: 100%
    }
}

@media (max-width: 767px) {
    .row > .col, .row > [class *= "col-"] {
        width: 100%
    }

    .yui3-hidden-phone {
        display: none
    }

    .yui3-visible-desktop {
        display: none
    }
}

.pd0 {
    padding: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.pl5 {
    padding: 5px !important
}

.pd10 {
    padding: 10px
}

.pt5 {
    padding-top: 5px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pr10 {
    padding-right: 10px
}

.pl10 {
    padding-left: 10px
}

.pb3 {
    padding: 3px !important
}

.pb15 {
    padding-bottom: 15px
}

.mr10 {
    margin-right: 10px
}

.mr22 {
    margin-right: 22px
}

.mr42 {
    margin-right: 42px
}

.mr55 {
    margin-right: 55px
}

.mr60 {
    margin-right: 60px
}

.mr62 {
    margin-right: 62px
}

.mr70 {
    margin-right: 70px
}

.mt0 {
    margin-top: 0 !important
}

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px
}

.ml1 {
    margin-left: 1px
}

.ml2 {
    margin-left: 2px
}

.ml8 {
    margin-left: 8px !important
}

.ml20 {
    margin-left: 20px
}

.ml35 {
    margin-left: 35px
}

.ml45 {
    margin-left: 45px
}

.ml48 {
    margin-left: 48px
}

.mb0 {
    margin-bottom: 0 !important
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb50 {
    margin-bottom: 50px
}

.w10 {
    width: 10px
}

.w20 {
    width: 20px
}

.w30 {
    width: 30px
}

.w35 {
    width: 35px
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w72 {
    width: 72px !important
}

.w80 {
    width: 80px !important
}

.w90 {
    width: 90px !important
}

.w100 {
    width: 100px !important
}

.w100 {
    width: 100px
}

.w120 {
    width: 120px !important
}

.w140 {
    width: 140px !important
}

.w150 {
    width: 150px !important
}

.w160 {
    width: 160px !important
}

.w170 {
    width: 170px
}

.w175 {
    width: 175px
}

.w180 {
    width: 180px
}

.w190 {
    width: 190px
}

.w200 {
    width: 200px !important
}

.w215 {
    width: 215px !important
}

.w220 {
    width: 220px !important
}

.w230 {
    width: 230px !important
}

.w260 {
    width: 260px
}

.w300 {
    width: 300px
}

.w320 {
    width: 320px
}

.w100p {
    width: 100%
}

.mw300 {
    min-width: 150px !important
}

.ma {
    margin: auto
}

.h30 {
    height: 30px !important
}

.h32 {
    height: 32px !important
}

.h34 {
    height: 34px !important
}

.h36 {
    height: 36px !important
}

.h105 {
    height: 105px !important
}

.lh30 {
    line-height: 30px
}

.lh32 {
    line-height: 32px
}

.lh34 {
    line-height: 34px
}

.lh36 {
    line-height: 36px
}