@charset "UTF-8";
/* 
    $Document : smallslider$
    $Created on : 2009-7-3, 12:56:26$
    $Last Update : 2010-3-15, 12:20:22$
    $Description : Stylesheet for smallslider, UTF-8 encoding$
*/
.smallslider { height: 200px; overflow: hidden; position: relative; width: 320px; }
.smallslider h3 { color: #EEE; font-size: 12px; font-weight: 700; line-height: 26px; position: absolute; text-indent: 2%; width: 100%; z-index: 102; margin: 0; }
.smallslider h3 a { color: #FFF; text-decoration: none; }
.smallslider h3 a:hover { color: #F60; text-decoration: underline; }
.smallslider li img { border: 0; vertical-align: top; }
.smallslider ul { list-style-type: none; margin: 0; padding: 0; }
.smallslider-btns { position: absolute; z-index: 103; }
.smallslider-btns .current-btn { background-color: #C00100; border: 0px solid #A00100; color: #FFF; font-size: 14px; font-weight: 700; }
.smallslider-btns span { background-color: #000; border: 0px solid #DCDCDC; color: #fff; cursor: pointer; float: left; font-size: 12px; height: 16px; line-height: 16px; text-align: center; width: 16px; }
.smallslider-lay { background-color: #000; height: 26px; position: absolute; width: 100%; z-index: 101; }

.first-center .smallslider-btns {width: auto;
    height: 18px;
     padding: 3px 8px;
    text-align: right;
    border-radius: 12px;
    background-color: hsla(0,0%,100%,.3);}
.first-center .smallslider-btns span {border-radius:50%}

.smallslider2 { height: 220px; overflow: hidden; position: relative; width: 608px; }
.smallslider2 h3 { color: #EEE; font-size: 12px; font-weight: 700; line-height: 26px; position: absolute; text-indent: 2%; width: 100%; z-index: 102; margin: 0; }
.smallslider2 h3 a { color: #FFF; text-decoration: none; }
.smallslider2 h3 a:hover { color: #F60; text-decoration: underline; }
.smallslider2 li img { border: 0; vertical-align: top; }
.smallslider2 ul { list-style-type: none; margin: 0; padding: 0; }
.smallslider2-btns { position: absolute; z-index: 103; }
.smallslider2-btns .current-btn { background-color: #C00100; border: 1px solid #A00100; color: #FFF; font-size: 14px; font-weight: 700; }
.smallslider2-btns span { background-color: #000; border: 1px solid #DCDCDC; color: #fff; cursor: pointer; float: left; font-size: 12px; height: 16px; line-height: 16px; text-align: center; width: 16px; }
.smallslider2-lay { background-color: #000; height: 26px; position: absolute; width: 100%; z-index: 101; }

.smallslider3 { height: 276px; overflow: hidden; position: relative; width: 378px; }
.smallslider3 h3 { color: #EEE; font-size: 12px; font-weight: 700; line-height: 26px; position: absolute; text-indent: 2%; width: 100%; z-index: 102; margin: 0; }
.smallslider3 h3 a { color: #FFF; text-decoration: none; }
.smallslider3 h3 a:hover { color: #F60; text-decoration: underline; }
.smallslider3 li img { border: 0; vertical-align: top; }
.smallslider3 ul { list-style-type: none; margin: 0; padding: 0; }
.smallslider3-btns { position: absolute; z-index: 103; }
.smallslider3-btns .current-btn { background-color: #C00100; border: 1px solid #A00100; color: #FFF; font-size: 14px; font-weight: 700; }
.smallslider3-btns span { background-color: #000; border: 1px solid #DCDCDC; color: #fff; cursor: pointer; float: left; font-size: 12px; height: 16px; line-height: 16px; text-align: center; width: 16px; }
.smallslider3-lay { background-color: #000; height: 26px; position: absolute; width: 100%; z-index: 101; }