﻿#yc-mod-slider .wrapper {width:1200px;margin:0 auto;}
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position:relative; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display: none; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button { position: absolute; top: 50%; right: 10px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/next.png) no-repeat left top !important; }
    .box_skitter .next_button { position: absolute; top: 50%; left: 10px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat left top !important; }
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 1200px; height: 395px; font-family:"Lucida Sans Unicode","Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
#slideshow img { vertical-align: top;}
#slideshow ul { display: none; }
#slideshow .slide-month { width: 100%; height: 34px; line-height: 34px; position: absolute; left: 0; bottom:0; z-index: 1000; background: #444; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9}
.slide-month .month-nav { display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #fff; font-family: '\u5b8b\u4f53'; font-weight: bold; font-size: 16px; position: absolute; top: 50%; margin-top: -17px; cursor: pointer;}
.slide-month .month-nav:hover { background: #333;}
#prev-month { left: 0;}
#next-month { right: 0}
.month-text { display: inline-block;  float: left; margin:0 10px 0 40px; height: 34px; color: #999; font-size: 12px;}
#cur-month { font-size: 20px;  color: #fff;}
#cur-year { display: none;}
.month-days { height: 28px; margin-top: 3px; float: left;}
.month-days a { display: inline-block; font-size: 14px; width: 28px; line-height: 28px; text-align: center; color: #fff; color: #888;cursor: text; float:left;}
.month-days a.has-event { color: #fff; cursor: pointer;}
.month-days a.has-event:hover { background: #707070;}
.month-days a.cur-event { color: #ffc600; cursor: pointer;}