@charset "utf-8";
/***sudyslides***/
/**defaults-css**/
.sudyslides { position:relative; margin:0 auto;}
.sudyslides .slides-container { margin:0 auto;}
.sudyslides .slides-container .slides-slide { width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; display:none;}
.sudyslides .slides-container .slides-slide img,.sudyslides .slides-container .grid-box img { width:100%; height:100%; vertical-align:top;}
.sudyslides .navigation-handle { display:block; width:30px; height:50px; cursor:pointer; position:absolute; top:50%; margin-top:-25px; z-index:100; background:#000000 url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/slides_icons.png") no-repeat 0 0; _background-image:url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/slides_icons.gif"); opacity:0.7; filter:alpha(opacity=70);}
.sudyslides .navigation-handle:hover { color:#e22a00;}
.sudyslides .navigation-handle:active {opacity:1; filter:alpha(opacity=100);}
.sudyslides .navigation-handle .navigation-text { display:none;}
.sudyslides .slides-prev { left:0; background-position:9px 16px;}
.sudyslides .slides-next { right:0; background-position: -26px 16px;}
.sudyslides .slides-pagination { position:absolute; height:12px; right:30px; bottom:20px; z-index:100; float:right;}
.sudyslides .pagination-item { display:inline-block; width:13px; height:13px; background:url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/slides_icons.png") no-repeat right top;_background-image:url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/slides_icons.gif"); cursor:pointer; margin:0 3px;}
.sudyslides .pagination-item .page-text { display:none;}
.sudyslides .slides-pagination .active { background-position: right bottom;}

/**Ex-css for Title, Intro, Player, Timer, Thumb**/
.sudyslides .slides-title .slide-title { display:block; width:auto; height:35px; max-width:80%; position:absolute; left:6%; bottom:5%; overflow:hidden; padding:0 10px; z-index:100;}
.sudyslides .slides-title .slide-title .title-inner { font-size:15px; font-weight:bold; color:#fff; line-height:35px; overflow:hidden;}
.sudyslides .slides-title .title-bg {background-color:#000;opacity:0.7; filter:alpha(opacity=50); z-index:100;}
.sudyslides .slides-title .title-text { z-index:101;}
.sudyslides .slides-title .title-bg .title-inner { color:#000;}
.sudyslides .slides-intro .slide-intro { display:block; width:30%; height:auto; min-height:1.7em; position:absolute; left:10%; top:8%;  overflow:hidden; padding:7px 10px; border-radius:5px; z-index:100;}
.sudyslides .slides-intro .slide-intro .intro-inner {color:#fff; font-size:14px; line-height:1.6em; text-indent:2em; overflow:hidden;}
.sudyslides .slides-intro .intro-bg {background-color:#000;opacity:0.5; filter:alpha(opacity=50); color:#000; z-index:100;}
.sudyslides .slides-intro .intro-text { z-index:101;}
.sudyslides .slides-intro .intro-bg .intro-inner{ color:#000;}
.sudyslides .slides-player { position:absolute; left:20px; top:10px; z-index:100; float:left;}
.sudyslides .player-button { display:inline-block; width:18px; height:18px; background:url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/slides_icons.png") no-repeat -71px top;_background-image:url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/slides_icons.gif"); cursor:pointer; overflow:hidden;}
.sudyslides .player-play { background-position: -71px top;}
.sudyslides .player-stop { background-position: -113px top; display:none;}
.sudyslides .slides-autoplay .player-play { display:none;}
.sudyslides .slides-autoplay .player-stop { display:block;}
.sudyslides .player-button .player-text { display:none;}
.sudyslides .slides-timer { width:100%; text-align:left; background-color:transparent; overflow:hidden; position:absolute; left:0; top:0; z-index:100;}
.sudyslides .slides-timer .timer-cycle { display:block; width:0; height:2px; float:left; overflow:hidden; background-color:#e22a00;}

/**mainpic**/
.mainpic { width:1000px; height:426px; overflow:hidden; background:url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/loading.gif") no-repeat center;}
.mainpic * { padding:0; margin:0;}
.thumbs_bg { width:156px; position:absolute; right:32px; top:45px; z-index:90;}
.thumbs_bg .bg_top { width:100%; height:10px;  background:url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/slides_radius.png") no-repeat left top; position:relative;}
.thumbs_bg .bg_top div { width:100%; height:10px; overflow:hidden; background:url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/slides_radius.png") no-repeat right top; position:absolute; top:0; right:-100%; display:none;}
.thumbs_bg .bg_bottom { width:100%; height:10px; background:url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/slides_radius.png") no-repeat left bottom; position:relative;}
.thumbs_bg .bg_bottom div { width:100%; height:10px; overflow:hidden; background:url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/slides_radius.png") no-repeat right bottom; position:absolute; top:0; right:-100%; display:none;}
.thumbs_bg .bg_wrap { background:#565656; overflow:hidden; position:relative;}
.slides-thumblist { list-style:none; margin:0 10px; left:0px;}
.slides-thumblist li { width:116px; height:72px; padding-left: 20px; list-style:none; margin-top:10px; cursor:pointer;}
.slides-thumblist li.active { background:url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/arrow.png") no-repeat left center;}
.slides-thumblist li.thumb-0 { margin-top:0;}
.slides-thumblist li img { width:116px; height:72px; vertical-align:bottom;}
.sudyslides .navigation-handle { width:24px; height:24px; background:url("/_vivi/source/aHR0cHM6Ly90ZWRhLm5hbmthaS5lZHUuY24/_upload/tpl/00/22/34/template34/sudyslides/navigation.png") no-repeat 0 0; left:auto; right:98px; margin:0; padding:0; display:none;}
.sudyslides .slides-prev { top:18px;}
.sudyslides .slides-next { top:386px; background-position:0 -26px;}