/*html,body{
overflow: auto;
}*/

/* Style for windows XP */
#main.xp.univers .details-description, #main.xp.malte .desc ul, #main.xp .details ul, #main.xp .videoCont .desc, #main.xp .mk .desc, #main.xp .sep ul
{
    letter-spacing: 0px;
    font-style: normal;
    font-size: 12px;
}

body
{
    background-color: #000;
    letter-spacing: -1px;

    font-family: verdana;
    font-size: 12px;    

}



#main
{
    position: relative;
    overflow: hidden;
    background-color: #000000;
}

#topBar
{
    z-index: 500;
    background-color: #000000;
    text-align: center;
    width: 100%;
    height: 80px;
    border-top: 2px solid #b39b64;
    position: fixed;
    -position: absolute;
    top: 0;
    let: 0;
}

.part
{
    z-index: 100;
    background-color: #000000;
    height: 788px;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 1920px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.part#part0
{
}
.part #part1
{
    height: 788px;
}

.bulle
{
    /*background: url(../images/fond_bulle.png) left top no-repeat;*/
    width: 652px;
    height: 666px;
    position: absolute;
}
.bulle .content-bloc
{
    width: 425px;
    top: 155px;
    left: 135px;
    color: #fff;
    position: absolute;
}
.bulle .content-bloc .closeDetails
{
    display: block;
    width: 62px;
    height: 62px;
    position: absolute;
    top: -87px;
    right: 30px;
    background: url(../images/close.gif) center center no-repeat;
}
.bulle .content-bloc .closeDetails1
{
    display: block;
    width: 62px;
    height: 62px;
    position: absolute;
    top: -87px;
    right: -720px;
    background: url(../images/close.gif) center center no-repeat;
}
.bulle .content-bloc .closeDetails1:hover
{
    background-image: url(../images/close_hover.gif);
}
.bulle .content-bloc .closeDetails:hover
{
    background-image: url(../images/close_hover.gif);
}
#main.it #part4 .bulle .content-bloc .closeDetails, #main.cn #part4 .bulle .content-bloc .closeDetails .closeDetails1
{
    right: 0;
}
.bulle .content-bloc .subtitle
{
    font-size: 22px;
    line-height: 18px;
    text-transform: uppercase;
}
.bulle .content-bloc .subtitle a
{
    color: #fff;
    text-decoration: none;
}
#main.cn .bulle .content-bloc .subtitle
{
    font-size: 20px;
}
.bulle .content-bloc .title
{
    font-size: 32px;
    color: #cfb978;
    line-height: 27px;
    text-transform: uppercase;
}
#main.cn #part4 .bulle .content-bloc .title
{
    font-size: 30px;
}
.bulle .content-bloc .legend
{
    font-size: 17px;
}
.bulle .content-bloc .watch .details
{
    margin-top: 20px;
}
.bulle .content-bloc .details ul
{
    display: block;
    width: 410px;
    position: relative;
}
.bulle .content-bloc .details ul li
{
    list-style-type: none;
}
.bulle .content-bloc .details ul li .poincon
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.bulle .content-bloc .details .details-title
{
    font-size: 20px;
    line-height: 18px;
    color: #cfb978;
    text-transform: uppercase;
}
.bulle .content-bloc .details .details-description
{
    font-size: 16px;
    line-height: 16px;
    margin-top: 5px;
}
.bulle .content-bloc .links
{
    width: 425px;
    top: 182px;
    position: absolute;
    left: 270px;
}
.bulle .content-bloc .sep
{
    padding: 10px 0; /*background: url(../images/trait.png) left top repeat-x;*/
}
.bulle .content-bloc .details .sep
{
    margin-top: 10px;
    font-size: 16px;
}
.bulle .content-bloc .details ul, .bulle .content-bloc .details li
{
    margin: 0;
    padding: 0;
}
.bulle .content-bloc .links a
{
    display: block;
    position: relative;
    z-index: 1;
    font-size: 17px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    background: url(../images/fleche-link.png) 5px center no-repeat;
}
.bulle .content-bloc .links a:hover
{
    color: #fff; /*background: url(../images/fleche-link-hover.png) 5px center no-repeat; 	background-color: #cdb97a;*/
}
.bulle .content-bloc .bt
{
    position: relative;
    display: inline-block;
}
.bulle .content-bloc .bt .fd-bt
{
    display: inline-block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bulle .content-bloc .links .colLeft
{
    width: 200px;
    float: left;
    line-height: 20px;
}
.bulle .btMakingof
{
    display: block;
    cursor: pointer;
    background-position: left top;
    background-repeat: no-repeat;
    width: 352px;
    margin-left: 15px;
    height: 129px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.bulle .rollover
{
    overflow: hidden;
}
.desc strong, .desc i
{
    color: #cfb978;
}

.bulle .content-bloc.video-content
{
    width: 415px;
    top: 130px;
    left: 120px;
}
.bulle .content-bloc.video-content .title
{
    text-align: center;
    font-size: 28px;
    line-height: 25px;
}
.bulle.metier .content-bloc.video-content .title
{
    text-align: center;
    font-size: 40px;
    line-height: 38px;
}
.bulle .content-bloc.video-content .subtitle
{
    color: #cfb978;
    text-align: center;
    font-size: 20px;
    line-height: 18px;
}
.bulle .content-bloc.video-content .desc
{
    line-height: 17px;
    color: #fff;
    font-size: 15px;
    padding-top: 10px;
    margin: 10px 0;
    background: url(../images/trait.png) left top repeat-x;
}
div.guillemets .top-guillemet
{
    margin-top: -5px;
    display: inline-block;
    width: 24px;
    height: 20px;
    background: url(../images/guillemet-h.png) left top no-repeat;
    vertical-align: top;
}
div.guillemets .bot-guillemet
{
    margin-bottom: -5px;
    display: inline-block;
    width: 24px;
    height: 20px;
    background: url(../images/guillemet-b.png) left top no-repeat;
    vertical-align: bottom;
}
.bulle .content-bloc.video-content .play
{
    display: block;
    cursor: pointer;
    width: 117px;
    height: 93px; /*background: url(../images/lecture.png) left top no-repeat;*/
    margin-left: auto;
    margin-right: auto;
}
.bulle .content-bloc.video-content .play:hover
{
    background-position: left bottom;
}

#part0
{
    background: url(../images/fd_barre.png) left top repeat-x;
}
/*#part1 { background: url(../images/fond-second.jpg) 50% 0 no-repeat; }
#part2 { background: url(../images/fond-third.jpg) 50% 0 no-repeat; }*/
#theend
{
    background: url(../images/puckered.png) 50% bottom no-repeat fixed;
}

/* Controls */
#btzoom
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
}
.controls
{
    z-index: 25000;
    cursor: pointer;
    position: fixed;
    _position: absolute;
    left: 50%;
    width: 174px;
    height: 82px;
    margin-left: -87px;
    display: none;
}

.controls .cont
{
    display: block;
    width: 174px;
    height: 82px;
    position: absolute;
    left: 0;
    z-index: 30000;
}
.controls .zoneclick
{
    display: block;
    width: 174px;
    height: 82px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40000;
}
.controls .bt
{
    display: block;
    position: absolute;
    width: 41px;
    height: 21px;
    left: 50%;
    margin-left: -20px;
}
#control-top .bt
{
    top: 15px;
    background: url(../images/fleche_nav_haut.jpg) left top no-repeat;
}
#control-bottom .bt
{
    bottom: 15px;
    background: url(../images/fleche_nav_bas.jpg) left top no-repeat;
}

#control-top
{
    background: url(../images/bt_video2.png) no-repeat;
    _background: url(../images/bt_video1.gif) no-repeat;
    top: 1px;
    _top: expression(eval(document.documentElement.scrollTop)); /* _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/web/images/bt_video2.png');            _background:none;*/
}
#control-top .cont, #control-top .zoneclick
{
    top: 0;
}
#control-bottom
{
    background: url(../images/bt_video1.png) no-repeat;
    _background: url(../images/bt_video2.gif) no-repeat;
    bottom: 0;
    background-position: left top;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));
}
#control-bottom .cont, #control-bottom .zoneclick
{
    bottom: 0;
}

/* Menu */
/*#part0{ margin-top: 50px; -margin-top: 0; }*/
#part0 div.content-bloc
{
    width: 100%;
    height: 680px;
    top: 50px;
    position: absolute;
    text-align: center;
}
#part0 #montres-menu
{
    width: 805px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 55px;
    position: relative;
}
#part0 #montres-menu .fond-montre-menu
{
    display: none;
    width: 670px;
    height: 467px;
    position: absolute;
    top: -45px;
}
#part0 #montres-menu #fond-montre-menu1
{
    left: -220px;
    background: url(../images/fond_menu_collombe.jpg) left top no-repeat;
}
#part0 #montres-menu #fond-montre-menu2
{
    left: 55px;
    background: url(../images/fond_menu_montre.jpg) left top no-repeat;
}
#part0 #montres-menu #fond-montre-menu3
{
    left: 320px;
    background: url(../images/fond_menu_coquillage.jpg) left top no-repeat;
}
#part0 #montres-menu .modeles
{
    position: absolute;
    top: 0;
    left: 0;
}
#part0 #montres-menu .modeles a.montre-menu
{
    display: inline-block;
    vertical-align: top;
    width: 207px;
    height: 403px;
    margin-right: 75px;
    position: relative;
}
#part0 #montres-menu .modeles a.montre-menu img
{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
}
#part0 #montres-menu .modeles a#montre-menu1
{
    background: none;
}
#part0 #montres-menu .modeles a#montre-menu2
{
    background: none;
}
#part0 #montres-menu .modeles a#montre-menu3
{
    background: none;
    margin-right: 0;
}
#part0 #montres-titres
{
    width: 100%;
    height: 110px;
    background-color: #131313;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
}
#part0 #montres-titres .montre-titre
{
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 40px;
    width: 242px;
    vertical-align: top;
    font-family: Georgia, Times;
    font-style: italic;
}
#part0 #montres-titres .montre-titre h2
{
    margin: 15px 0 5px 0;
    padding: 0 0 5px 0;
    font-size: 23px;
    line-height: 20px;
    font-weight: normal;
    color: #cfb978;
    border-bottom: 1px solid #2b2b2b;
}
#main.it #part0 #montres-titres .montre-titre h2
{
    font-size: 21px;
}
#main.cn #part0 #montres-titres .montre-titre h2
{
    font-size: 20px;
}
#main.jp #part0 #montres-titres .montre-titre h2
{
    font-size: 20px;
}
#part0 #montres-titres .montre-titre .montre-titre-details
{
    font-size: 15px;
    color: #fff;
    line-height: 16px;
}
#part0 #montres-titres .montre-titre.last
{
    margin-right: 0px;
}

/* Video */
.videoCont #btVideo
{
    text-align: center;
    text-decoration: none;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 50%;
    width: 174px;
    height: 168px;
    margin-left: -87px;
    background: url(../images/bt_video.png) left top no-repeat;
}
.videoCont #btVideo .vidTop
{
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px;
    margin-bottom: 2px;
    display: block;
    font-size: 16px;
    color: #bbb6a7;
    text-transform: uppercase;
    border-bottom: 1px solid #282828;
}
.videoCont #btVideo .vidBot
{
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 16px;
    color: #cfb978;
    text-transform: uppercase;
}
.videoCont #btVideo .bt
{
    display: block;
    position: absolute;
    width: 41px;
    height: 21px;
    left: 50%;
    margin-left: -20px;
    top: 40px;
    background: url(../images/fleche_nav_bas.jpg) left top no-repeat;
}
.videoCont #btVideo .cont
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.videoCont #btVideo .zoneclick
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.videoCont div.bulle
{
    top: 50%;
    left: 50%;
    margin-top: -330px;
    margin-left: -858px;
}
.videoCont div.content-bloc p
{
    margin-bottom: 25px;
}
.videoCont div.content-bloc a
{
    color: #ff0;
}
.videoCont .backBt:hover
{
    background-position: left bottom;
}
.videoCont .backBt
{
    display: none;
    cursor: pointer;
    text-transform: uppercase;
    color: #cfb978;
    font-family: Georgia, Times;
    font-size: 18px;
    font-style: italic;
    position: absolute;
    top: 39px;
    left: 0;
    z-index: 450;
    width: 199px;
    height: 129px;
    background: url(../images/fd-back.png) left top no-repeat;
}
#main.it .videoCont .backBt, #main.pt .videoCont .backBt, #main.kr .videoCont .backBt
{
    font-size: 16px;
}
.videoCont .backBt .content-bt
{
    padding-top: 35px;
    padding-left: 42px;
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100px;
    background: url(../images/backbg.png) no-repeat;
    opacity: 0.7;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/web/images/backbg.png');
    _background: none;
}
.videoCont .backBt .flecheLeft
{
    background: url(../images/fleche_nav_left.png) left top no-repeat;
    width: 42px;
    height: 71px;
    position: absolute;
    top: 10px;
    left: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/web/images/fleche_nav_left.png');
    _background: none;
    z-index: 20000;
}
.bulle.video
{
    cursor: pointer;
}

.videoCont .backBt.iPad:hover
{
    background-position: left top;
}
.videoCont .backBt.iPad
{
    cursor: pointer;
    text-transform: uppercase;
    color: #cfb978;
    font-family: Georgia, Times;
    font-size: 18px;
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 450;
    width: 199px;
    height: 50px;
    background: url(../images/fd-back-ipad.png) left top no-repeat;
}
#main.it .videoCont .backBt.iPad, #main.pt .videoCont .backBt.iPad, #main.kr .videoCont .backBt.iPad
{
    font-size: 16px;
}
.videoCont .backBt.iPad .content-bt
{
    padding-top: 13px;
    padding-left: 42px;
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100%;
}
.videoCont .backBt.iPad .flecheLeft
{
    z-index: 0;
    background: url(../images/fleche_nav_left.png) left top no-repeat;
    width: 42px;
    height: 71px;
    position: absolute;
    top: -10px;
    left: 0;
}

.videoCont
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 100;
    overflow: hidden;
}
#part1.videoCont
{
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Making Of */
.mk
{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 400;
    overflow: hidden;
}
.mk .backBt
{
    cursor: pointer;
    text-transform: uppercase;
    color: #cfb978;
    font-family: Georgia, Times;
    font-size: 18px;
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 450;
    width: 199px;
    height: 129px;
    background: url(../images/fd-back.png) left top no-repeat;
}
.mk .backBt:hover
{
    background-position: left bottom;
}
#main.it .mk .backBt, #main.pt .mk .backBt, #main.kr .mk .backBt
{
    font-size: 16px;
}
.mk .backBt .content-bt
{
    padding-top: 25px;
    padding-left: 42px;
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100%;
}
.mk .backBt .flecheLeft
{
    z-index: 0;
    background: url(../images/fleche_nav_left.png) left top no-repeat;
    width: 42px;
    height: 71px;
    position: absolute;
    top: 0;
    left: 0;
}
.mk .bulle
{
    top: 50%;
    left: 50%;
    margin-top: -333px;
    margin-left: -326px;
}
.mk .bulle .content-bloc
{
    width: 415px;
    top: 110px;
    left: 120px;
}
.mk .bulle .content-bloc .subtitle
{
    text-align: center;
    font-size: 36px;
    line-height: 30px;
    color: #cfb978;
}
.mk .bulle .content-bloc .title
{
    color: #cfb978;
    text-align: center;
    font-size: 22px;
    line-height: 18px;
}
#main.jp .mk .bulle .content-bloc .subtitle
{
    line-height: 36px;
}
#main.jp .mk .bulle .content-bloc .title
{
    line-height: 21px;
}
.mk .bulle .content-bloc .desc
{
    color: #fff;
    font-size: 15px;
    line-height: 16px;
    padding-top: 10px;
    margin-top: 10px;
    background: url(../images/trait.png) left top repeat-x;
}
.mk .bulle .content-bloc .desc .sep
{
    background-position: left center;
    padding: 2px 0;
}
.mk .bulle .play
{
    display: block;
    cursor: pointer;
    width: 117px;
    margin-top: 5px;
    height: 93px;
    background: url(../images/lecture.png) left top no-repeat;
    margin-left: auto;
    margin-right: auto;
}
.mk .bulle .play:hover
{
    background-position: left bottom;
}
.mk .fonds .fond
{
    position: absolute;
    top: 0;
    left: 0;
}
.mk .fonds .img
{
    display: inline-block;
}
.mk .controlsMk
{
    display: none;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    width: 82px;
    height: 174px;
    top: 50%;
    margin-top: -87px;
    background: url(../images/bt_video.png) no-repeat;
}
.mk .controlsMk .bt
{
    display: block;
    position: absolute;
    width: 42px;
    height: 71px;
    top: 50%;
    margin-top: -33px;
}
.mk #control-left .bt
{
    left: 0;
    background: url(../images/fleche_nav_left.png) left top no-repeat;
}
.mk #control-right .bt
{
    right: 0;
    background: url(../images/fleche_nav_right.png) left top no-repeat;
}
.mk #control-left
{
    left: -5px;
    background-position: right top;
}
.mk #control-right
{
    right: -5px;
    margin-right: 60px;
    background-position: left top;
}
.mk .loader
{
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    left: 50%;
    top: 50%;
}
.mk .legends
{
    cursor: pointer;
    width: 643px;
    height: 46px;
    background: url(../images/fd-player.png) left top no-repeat;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -322px;
}
.mk .legends .legend
{
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 46px;
    top: 0;
    left: 55px;
    width: 580px;
    font-size: 25px;
    color: #cfb978;
    text-transform: uppercase;
    line-height: 46px;
}

/* Watch 1 */
#part2 div.bulle
{
    top: 50%;
    right: 580px;
    margin-top: -333px;
}
#part2 div.content-bloc
{
}
#part2 .montreBig
{
    height: 1150px;
    padding: 0;
    margin: 0;
    width: 750px;
    position: absolute;
    top: 0;
    right: -60px;
}
.montreBig
{
    background-position: left top;
    background-repeat: no-repeat;
}
.montreBig .loader
{
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    left: 50%;
    top: 50%;
}
.montreBig img
{
    display: none;
}

/* Watch 2 */
#part3 div.bulle
{
    top: 50%;
    left: 580px;
    margin-top: -333px;
}
#part3 div.content-bloc
{
}
#part3 .montreBig
{
    background-position: right top;
    height: 1150px;
    padding: 0;
    margin: 0;
    width: 750px;
    position: absolute;
    top: 0;
    left: -60px;
    text-align: center;
}

/* Watch 3 */
#part4 div.bulle
{
    top: 50%;
    right: 580px;
    margin-top: -333px;
}
#part4 div.content-bloc
{
}
#part4 .montreBig
{
    background-position: left top;
    height: 1150px;
    padding: 0;
    margin: 0;
    width: 750px;
    position: absolute;
    top: 0;
    right: -60px;
}

/* Zoom */
.part.right .zoomipad
{
    position: absolute;
    right: 20px;
    bottom: 250px;
    z-index: 50;
}
.part.left .zoomipad
{
    position: absolute;
    left: 20px;
    bottom: 250px;
    z-index: 50;
}
.zoom-action
{
    cursor: pointer;
}
a.zoom-thumb
{
    display: inline-block;
    margin-left: 2px;
    border: 1px solid #282624;
    width: 100px;
    height: 100px;
    background-position: left bottom;
    background-repeat: no-repeat;
}
a.zoom-thumb:hover
{
    border-color: #cfb978;
    background-position: left bottom;
    background-position: left top;
}
#part2 a.zoom-thumb0, #zoom1 .thumbs a.thumb0
{
    background-image: url(../images/zoom/closeup_oiseau_1.jpg);
}
#part2 a.zoom-thumb1, #zoom1 .thumbs a.thumb1
{
    background-image: url(../images/zoom/closeup_oiseau_2.jpg);
}

#part3 a.zoom-thumb0, #zoom2 .thumbs a.thumb0
{
    background-image: url(../images/zoom/closeup_poisson_1.jpg);
}
#part3 a.zoom-thumb1, #zoom2 .thumbs a.thumb1
{
    background-image: url(../images/zoom/closeup_poisson_2.jpg);
}

#part4 a.zoom-thumb0, #zoom3 .thumbs a.thumb0
{
    background-image: url(../images/zoom/closeup_coquillage_1.jpg);
}
#part4 a.zoom-thumb1, #zoom3 .thumbs a.thumb1
{
    background-image: url(../images/zoom/closeup_coquillage_2.jpg);
}

.zoom
{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 400;
    overflow: hidden;
}
.zoom .backBt
{
    cursor: pointer;
    text-transform: uppercase;
    color: #cfb978;
    font-family: Georgia, Times;
    font-size: 18px;
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 450;
    width: 199px;
    height: 129px;
    background: url(../images/fd-back.png) left top no-repeat;
}
.zoom .backBt:hover
{
    background-position: left bottom;
}
#main.it .zoom .backBt, #main.pt .zoom .backBt, #main.kr .zoom .backBt
{
    font-size: 16px;
}
.zoom .backBt .content-bt
{
    padding-top: 25px;
    padding-left: 42px;
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100%;
}
.zoom .backBt .flecheLeft
{
    z-index: 0;
    background: url(../images/fleche_nav_left.png) left top no-repeat;
    width: 42px;
    height: 71px;
    position: absolute;
    top: 0;
    left: 0;
}
.zoom .bulle .play
{
    margin-top: 5px;
}
.zoom .fonds .fond
{
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.zoom .fonds .img
{
    display: inline-block;
}
.zoom .loader
{
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    left: 50%;
    top: 50%;
}
.zoom .thumbs
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 110px;
    background: url(../images/opac90.png) left top repeat;
    text-align: center;
}
.zoom .thumbs a.thumb
{
    display: inline-block;
    margin-left: 2px;
    border: 1px solid #282624;
    width: 100px;
    height: 100px;
    margin-top: 5px;
    background-position: left bottom;
    background-repeat: no-repeat;
}
.zoom .thumbs a.thumb:hover
{
    border-color: #cfb978;
    background-position: left top;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;

    vertical-align: baseline;
}
body
{
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

blockquote, q
{
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
    content: "";
    content: none;
}

ins
{
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark
{
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del
{
    text-decoration: line-through;
}

abbr[title], dfn[title]
{
    border-bottom: 1px dotted;
    cursor: help;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

hr
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select
{
    vertical-align: middle;
}


/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body
{
    }/* Hack retained to preserve specificity */
select, input, textarea, button
{
    font: 99% sans-serif;
}

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp
{
    font-family: monospace, sans-serif;
}


/**
 * Minimal base styles.
 */

/* Always force a scrollbar in non-IE */
html
{
    overflow-y: scroll;
}



ul, ol
{
}
ol
{
    list-style-type: decimal;
}

/* Remove margins for navigation lists */
nav ul, nav li
{
    margin: 0;
    list-style: none;
    list-style-image: none;
}

small
{
    font-size: 85%;
}
strong, th
{
    font-weight: bold;
}

td
{
    vertical-align: top;
}

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sup
{
    top: -0.5em;
}
sub
{
    bottom: -0.25em;
}

pre
{
    /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 15px;
}

textarea
{
    overflow: auto;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend
{
    margin-left: -7px;
}

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"]
{
    vertical-align: text-bottom;
}
input[type="checkbox"]
{
    vertical-align: bottom;
}
.ie7 input[type="checkbox"]
{
    vertical-align: baseline;
}
.ie6 input
{
    vertical-align: text-bottom;
}

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button
{
    cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea
{
    margin: 0;
}

/* Colors for form validity */
input:valid, textarea:valid
{
}
input:invalid, textarea:invalid
{
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid
{
    background-color: #f0dddd;
}


/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! 
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }*/

/* j.mp/webkit-tap-highlight-color 
a:link { -webkit-tap-highlight-color: #FF5E99; }*/

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button
{
    width: auto;
    overflow: visible;
}

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ 
.ie7 img { -ms-interpolation-mode: bicubic; }*/

/**
 * You might tweak these..
 */

body, select, input, textarea
{
    /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
    color: #444; /* Set your base font here, to apply evenly */ /* font-family: Georgia, serif;  */
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
}


/**
 * Primary styles
 *
 * Author: 
 */
















/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir
{
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden
{
    display: none;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden
{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus
{
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible
{
    visibility: hidden;
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after
{
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after
{
    clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix
{
    zoom: 1;
}



/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait)
{
    /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape)
{
    /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px)
{


    /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
    /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print
{
    *
    {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    /* Black prints faster: sanbeiji.com/archives/953 */
    a, a:visited
    {
        color: #444 !important;
        text-decoration: underline;
    }
    a[href]:after
    {
        content: " (" attr(href) ")";
    }
    abbr[title]:after
    {
        content: " (" attr(title) ")";
    }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after
    {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre, blockquote
    {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead
    {
        display: table-header-group;
    }
    /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img
    {
        page-break-inside: avoid;
    }
 @
    page
    {
        margin: 0.5cm;
    }
    p, h2, h3
    {
        orphans: 3;
        widows: 3;
    }
    h2, h3
    {
        page-break-after: avoid;
    }
}

#main.cn .bulle .content-bloc .details ul li .poincon
{
    top: 42px;
    left: 130px;
}
#main.de .bulle .content-bloc .details ul li .poincon
{
    top: 42px;
    left: 210px;
}
#main.en .bulle .content-bloc .details ul li .poincon
{
    top: 50px;
    left: 260px;
}
#main.es .bulle .content-bloc .details ul li .poincon
{
    top: 50px;
    left: 237px;
}
#main.fr .bulle .content-bloc .details ul li .poincon
{
    top: 43px;
    left: 210px;
}
#main.it .bulle .content-bloc .details ul li .poincon
{
    top: 42px;
    left: 143px;
}
#main.jp .bulle .content-bloc .details ul li .poincon
{
    top: 21px;
    left: 324px;
}
#main.kr .bulle .content-bloc .details ul li .poincon
{
    top: 21px;
    left: 330px;
}
#main.pt .bulle .content-bloc .details ul li .poincon
{
    top: 42px;
    left: 185px;
}
#main.ru .bulle .content-bloc .details ul li .poincon
{
    top: 42px;
    left: 290px;
}

/* XP */
#main.xp.cn .bulle .content-bloc .details ul li .poincon
{
    top: 29px;
    left: 110px;
}
#main.xp.de .bulle .content-bloc .details ul li .poincon
{
    top: 29px;
    left: 190px;
}
#main.xp.en .bulle .content-bloc .details ul li .poincon
{
    top: 30px;
    left: 230px;
}
#main.xp.es .bulle .content-bloc .details ul li .poincon
{
    top: 30px;
    left: 205px;
}
#main.xp.fr .bulle .content-bloc .details ul li .poincon
{
    top: 29px;
    left: 180px;
}
#main.xp.it .bulle .content-bloc .details ul li .poincon
{
    top: 29px;
    left: 123px;
}
#main.xp.jp .bulle .content-bloc .details ul li .poincon
{
    top: 15px;
    left: 265px;
}
#main.xp.kr .bulle .content-bloc .details ul li .poincon
{
    top: 11px;
    left: 280px;
}
#main.xp.pt .bulle .content-bloc .details ul li .poincon
{
    top: 29px;
    left: 165px;
}
#main.xp.ru .bulle .content-bloc .details ul li .poincon
{
    top: 25px;
    left: 240px;
}

.thumbdiv
{
    position: absolute;
    top: 680px;
    width: 1024px;
    height: 110px;
    background-color: #3F0C24;
    opacity: 0.9;
}
.phototopdiv
{
    font-weight:bold;
    position: absolute;
    top: 0px;
    width: 994px;
    height: 39px;
    background-color: #3F0C24;
    opacity: 0.9;
    color: #89684E;
    text-align: right;
    padding-right: 30px;
    line-height: 38px;
    font-size: 18px;
    z-index: 80000;
}
.backdiv
{
text-align:center;position:absolute;top:50px;right:10px;z-index:100000;
}
.panel-overlay h2
{
    margin-bottom: 3px;
}

.panel-overlay h3
{
    font-size: 24px;
    line-height: 50px;
    color: #CFB978;
}
.panel-overlay .terminalcontent
{
    color: White;
    font-size: 16px;
}
/****shopcart******/
.shop3
{
    margin: 0px auto;
    width: 900px;
    height: 30px;
    border-bottom: #ccc double 1px;
    background-color: white;
    line-height: 20px;
}
.shop3 li
{
    float: left;
    text-align: center;
    font-weight: 700;
}
.shop3-1
{
    width: 44px;
}
.shop3-2
{
    width: 85px;
    margin: 5px 0 0 0;
}
.shop3-3
{
    width: 252px;
    margin: 5px 0 0 0;
}
.shop3-4
{
    width: 69px;
    margin: 5px 0 0 0;
}
.shop3-5
{
    width: 125px;
    margin: 5px 0 0 0;
}

.shop4
{
    background-color:#F1B0CF;
    margin: 3px auto;
    width: 900px;
    height: 55px;
    overflow:hidden;
    clear:both;
    padding-top:5px;
}
.shop4 li
{
    float: left;
    text-align: center;
}

.shop4 li
{
    float: left;
    text-align: center;
}

.shop4 li a
{
    color: #5B0C32;
    text-decoration: none;
}
.shop4 li a:hover
{
    color: #000000;
    text-decoration: underline;
}
.shop4-1
{
    width: 44px;
    margin: 20px 0 0 0;
}
.shop4-2
{
    width: 85px;
    overflow: hidden;
}
.shop4-3
{
    width: 252px;
    margin: 20px 0 0 0;
}
.shop4-4
{
    width: 69px;
    margin: 20px 0 0 0;
}
.shop4-5
{
    width: 58px;
    margin: 15px 0 0 25px;
}
.shop4-6
{
    width: 120px;
    margin: 15px 0 0 35px;
}
.shop4-7
{
    width: 69px;
    margin: 20px 0 0 30px;
}

.shop5
{
    margin: 0px auto;
    width: 900px;
    height: 35px;
    background: #F6F6F6;
}
.shop5 input
{
    padding:5px;
    font-weight:bold;
    }
.shop5-1
{
    float: left;
    margin: 5px 0 0 5px;
}
.shop5-2
{
    float: right;
    margin: 5px 5px 0 0px;
}

/*--------收货人地址-----*/
.tliy_1
{
    float: left;
    width: 960px;
    margin: 0 0 10px 5px;
    text-align: center;
}
.tliy_1_1
{
    float: left;
    width: 245px;
    padding: 5px;
}
.tliy_r
{
    float: right;
    width: 650px;
    padding: 5px;
    margin-right: 25px;
}

.book_c04
{
    float: left;
    width: 723px;
    margin-bottom: 10px;
}

.book_navr
{
    float: right;
    height: 25px;
    padding-top: 8px;
    color: #2E65B1;
    background: url(../images/book_navrbg.jpg) no-repeat right top;
    width: 820px;
}

.book_navr a:link
{
    color: #2E65B1;
    text-decoration: none;
}

.subnav
{
    height: 33px;
    background: url(../images/navbg.jpg) repeat-x;
}

.artleftmenu2
{
    width: 200px;
    _margin-left: -16px;
}
.parentMenu
{
    width: 198px;
    height: 29px;
    background-image: url(../images/artleftmenubg.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    line-height: 29px;
    text-indent: 50px;
    font-size: 14px;
    font-weight: bold;
}

.childMenu
{
    height: 23px;
    width: 198px;
    _width: 197px;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    line-height: 23px;
    text-indent: 50px;
    font-size: 12px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}
.pro_con2
{
    margin-top: 125px;
    padding: 1px;
}
.vidMetier
{
    background: url(../images/bg.png);
}
.photolist
{
    margin-top: 50px;
    padding: 20px;
    width: 984px;
    overflow: hidden;
}
.trylist
{
    width: 720px;
    overflow: hidden;
    }
.photolist ul
{
    width: 1000px;
    overflow: hidden;
}
.photolist li
{
    float: left;
    margin-right: 20px;
}
.trylist ul
{
    width: 720px;
    overflow: hidden;
}
.trylist li
{
    float: left;
    margin-right: 20px;
}


/****在线******/
.mess_list
{
    clear: both;
    zoom: 1;
    margin-bottom: 10px;
}

.mess_title
{
    width: 85px;
    text-align: right;
    margin-right: 15px;
    color: White;
}

.mess_title, .mess_input, .mess_textarea
{
    float: left;
    display: inline;
}
.mess_inputForm
{
    float: left;
}
.mess_input input
{
    width: 480px;
    height: 22px;
    line-height: 22px;
}
.mess_list
{
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
}
.mess_list input
{
    width: 250px;
}
.mess_list input.subd
{
    width: 70px;
}
.mess_input3 li
{
    float: left;
    padding-right: 5px;
    margin-right: 5px;
}

.mess_textarea textarea
{
    width: 480px;
    height: 150px;
}

.mess_submit
{
    width: 605px;
    text-align: center;
}

.subd
{
    border:0px;
    background-image:url(../images/back.jpg);
    width:110px;
    height:26px;
}

.artright
{
    margin-top: 100px;
    width: 500px;
    margin: 0px auto;
    clear: both;
    overflow: hidden;
    padding: 100px 10px 0px 10px;
}

.login
{
    margin-top: 341px;
    margin-left: 620px;
    padding: 1px;
    _margin-top: 340px;
}
.register
{
    margin-top: 140px;
    margin-left: 360px;
    padding: 1px;
 
}
.loginbg
{
    width: 1024px;
    height: 788px;
    padding: 1px;
    background: url(../images/login.png);
}
.registerbg
{
    width: 1024px;
    height: 788px;
    padding: 1px;
    background: url(../images/registerbg.png);
}
.membercenter
{
    background: url(../images/memberindex.png);
    width: 1024px;
    height: 788px;
    position: relative;
}
.form_table_input *
{
    color: White;
}
.form_table_input_info
{
    color: #AC557C;
    text-align: right;
}
.form_table_input td
{
    padding: 4px;
}
.form_table_input .long_input
{
    color: White;
    background-color: #63153C;
    border: 1px #17000C solid;
}
.registerbutton
{
    background: url(../images/registerbutton.png);
    width: 134px;
    height: 36px;
border:0px;
}

.tliy_yy td
{
    padding:5px;
    color:#AC557C;
    }
    .btnYellow
    {
        font-weight:bold;
        font-size:14px;
        }
        .ordersuccess
        {
            width:600px;
            margin:100px auto;
            text-align:left;
    color:#AC557C;       
    font-size:14px;
            }
            
            
            
            
            
            
            
            
            
            
            
            
            
            .blank11{height:11px; font-size:1px; clear:both;}
.blank10{height:10px; font-size:1px; clear:both;}
.blank18{height:18px; font-size:1px; clear:both;}
.blank13{height:13px; font-size:1px; clear:both;}
.blank7{height:7px; font-size:1px; clear:both;}
/*↓↓ 内页产品展示 ↓↓ */
.n_title{ width:965px; margin:auto ; text-align:left; color:#e60405; padding-top:10px; padding-bottom:7px;}
.n_title a{ color:#666666; }
.n_title img { padding-left:5px; padding-right:7px;}
.products{ width:965px; margin:auto;}
.p_left{ width:236px; float:left;}
.p_fl{ border:1px solid #e6e6e6; width:234px;}
.p_fllb{ width:214px; padding-left:10px; padding-bottom:10px;}
.p_fllb li{width:214px;color:#797979;}
.p_fllb li a{color:#797979;height:24px;width:214px;line-height:24px;color:#797979;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e3e3e3;display:block;text-indent: 3px;}
	.p_fllb li a:hover{color:#FFFFFF;border:0px;height:25px;background-color:#9e0000;text-indent:8px;
	background-image: url(../images/t_20.gif);background-repeat: no-repeat;background-position: 200px center;}
.p_right{ width:717px; float:right;}
.ycfcw{ width:717px; height:243px;}
.np_pic{width:715PX;border: 1px solid #e6e6e6; overflow:hidden;}
.np_B1{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #b20000;}
.p_pic_button span{ display:block; width:75px; text-align:left; float:right;}
.p_pic_p{ width:716px;float:right}
.p_pic_p_li{width:178px;border-right-style: solid;	border-bottom-style: solid;border-right-color: #f3f3f3;border-bottom-color: #f3f3f3;border-right-width: 1px;border-bottom-width: 1px;display:block; float:left;height:315px;}
.p_pic_p_li1{width:178px;border-right-style: solid;border-bottom-style: solid;border-right-color: #f3f3f3;border-bottom-color: #f3f3f3;border-right-width: 1px;border-bottom-width: 1px;display:block; float:left;
	height:315px;background-color:#f3f3f3;}
.p_pic_p_li2{width:716px;display:block;float:left;height:167px;border-bottom-width: 1px;border-bottom-style: solid;
	border-bottom-color: #f3f3f3;}
.p_pic_p_li3{width:716px;display:block;float:left;height:167px;border-bottom-width: 1px;
	border-bottom-style: solid;background-color:#f3f3f3;border-bottom-color: #f3f3f3;}
.p_pic_b{border-right-width: 1px;border-right-style: solid;border-right-color: #F3f3f3;height:auto;display:block; float:right;}
.p_pic_font1{ color:#777; line-height:18px;}
.p_pic_font1 a{ color:#777;}
.p_pic_font2{ color:#d80808; line-height:20px; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.p_pic_font3{ font-size:14px; color:#000000; font-weight:bold; line-height:28px;}
.p_pic_font4{ color:#a9a9a9; line-height:18px;}
.p_pic_font5{ color:#b30000;}
.p_pic_font6{ color:#5f5f5f; }
.p_pic_font7{ background-color:#FFFFFF; border:1px solid #f3f3f3;}
.p_pic_font8{ font-size:18px; color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.p_pic_font9{text-decoration: line-through;}
.p_pic_font10{ font-size:14px; color:#CC0000; font-family:Arial, Helvetica, sans-serif;}
/*↑↑ 内页产品展示 ↑↑ */
/*↓↓ 试衣 ↓↓ */
.ss{ width:auto; float:left; height:432px;}
.ss_1{ width:29px; height:138px; display:block; float:left; padding-top:152px;}
.ss_23{ float:left; width:200px;margin-left:50px; _margin-left:30px;}
.ss_2{width:200px;height:432px;display:block;float:left;padding-top:0px; position:relative;}
.ss_2_wm{ position:absolute; z-index:111; top:14px; left:14px; display:none;}
.shiyi_men{width:200px; height:432px;background-image: url(../images/ss_2.jpg);background-repeat: no-repeat;
	background-position: center center;display: none;position:absolute; z-index:1;}
.shiyi_women{width:200px; height:432px;background-image: url(../images/ss_22.jpg);background-repeat: no-repeat;
	background-position: center center;display:block;position:absolute; z-index:1;}
.ss_2_jt{padding-top:200px; position:absolute; cursor:pointer; z-index:100; left:191px;display:none;}
.ss_3{ width:200px; height:290px; display:block; float:left;background-image: url(../images/ss_4.gif);background-repeat: no-repeat;background-position: center 10px; position:relative;}
.ss_gd{ position:absolute; left:12px; top:46px; width:155px; height:220px; overflow:hidden;}
.ss_delete{top:258px;left:150px; width:20px; height:20px; position:absolute; cursor:pointer;}
.ss_jt{top:45px;left:162px;width:20px;height:36px;position:absolute;overflow: hidden;display:none;}
.ss_jt img{ padding-bottom:6px;}
.ss_xt{ width:155px;}
.ss_xt li{ float:left; display:block;}
.ss_xt li div{ padding-bottom:4px; margin-right:4px; width:40px; float:left;} 
.ss_xt li div img{ float:left;cursor:pointer;} 
.ss_xtli{ width:38px; height:48px; border:1px solid #666;}
.ss_xtli1{ width:40px;  height:50px;border:0px solid #696969;}
.ss_men_xt{ width:155px; margin:auto;}
.ss_women_xt{ width:155px;margin:auto; display:none;}
#shiyi{position: relative; margin:auto; width:193px; height:374px;}
#shiyi_3{position:absolute; left:6px; top:30px; z-index:3;display:none;}
#shiyi_4{position:absolute; left:6px; top:30px;z-index:4;display:none;}
#shiyi_5{position:absolute; left:6px; top:30px; z-index:5; display:none;}
#shiyi_6{position:absolute; left:6px; top:30px; z-index:3;display:none;}
#shiyi_7{position:absolute; left:6px; top:30px;z-index:4;display:none;}
#shiyi_8{position:absolute; left:6px; top:30px; z-index:5; display:none;}
#bg{position:absolute; left:0; top:0px; z-index:2;}