﻿﻿
div.wrapper {  margin: 0 auto; position: relative; height:352px;}
.family_x{position:absolute;right:655px;top:520px;width:200px;z-index:9999;}
.family_x ul{}
.family_x ul li{width:100px;float:left;height:22px;line-height:22px;}
.family_x ul li a{font:bold 14px/22px "微乳雅黑";color:#bcbcbc;display:block;padding-left:30px;}
.family_x ul li a:visited{color:#bcbcbc;}
.family_x ul li a:hover{text-decoration:none;color:#FFCC00;}
.family_x ul li.fam_01{background:url(../zg.png) no-repeat 0px 50%;}
.family_x ul li.fam_02{background:url(../yw.png) no-repeat 0px 50%;}




.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position: relative;width:100%!important; height: 100%!important; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display: none;max-width:100%; height: 100%; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100%!important; height:100%!important;overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20;max-width: 100%!important;height: 100%!important; }
    .box_skitter .prev_button { position: absolute; top: 50%; left: 100px; z-index: 999; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../prev.png) no-repeat left top !important; }
    .box_skitter .next_button { position: absolute; top: 50%; right:100px; z-index: 999; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../next.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(../ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 100%; height: 600px; position: relative;overflow:hidden;}
    #slideshow ul { display: none; }
    .box_skitter .info_slide { width: 100%; text-align: center; position: absolute; left: 0; bottom: 82px; z-index: 99999; display: block  !important; }
.box_skitter .info_slide span { width: 14px; height: 14px; display: inline-block; border-radius: 50%; cursor: pointer; border: 1px solid #fff; background: transparent; opacity: 0.4; margin: 0 5px; font-size: 0; }
.box_skitter .info_slide .image_number_select { opacity: 1; background: #fff !important; }


/*@media (max-width:1580px) and (min-width:1480px){*/
/*    #slideshow{*/
/*        height:500px!important;*/
/*    }*/
/*}*/
/*@media (max-width:1480px) and (min-width:1380px){*/
/*    #slideshow{*/
/*        height:400px!important;*/
/*    }*/
/*}*/
/*@media (max-width:1380px) and (min-width:1280px){*/
/*    #slideshow{*/
/*        height:300px!important;*/
/*    }*/
/*}*/
/*@media (max-width:1280px) and (min-width:1200px){*/
/*    #slideshow{*/
/*        height:280px!important;*/
/*    }*/
/*}*/
/*@media (max-width:1200px) and (min-width:1100px){*/
/*    #slideshow{*/
/*        height:180px!important;*/
/*    }*/
/*}*/
/*@media (max-width:1100px) and (min-width:978px){*/
/*    #slideshow{*/
/*        height:150px!important;*/
/*    }*/
/*}*/
/*@media (max-width:978px) and (min-width:768px){*/
/*    #slideshow{*/
/*        height:120px!important;*/
/*    }*/
/*}*/
/*@media (max-width:768px){*/
/*    #slideshow{*/
/*        height:80px!important;*/
/*    }*/
/*}*/