@import url(http://fonts.googleapis.com/css?family=Merriweather);

@font-face {
    font-family: 'BauerBodoniStdRegular';
    font-weight: normal;
    font-style: normal;
}


a     { color:#333;text-decoration:none;}
body    { width:100%; height:100%;  margin:0; padding:0;  color:#333; font-family: 'Merriweather', serif; overflow:hidden;font-size:12px;}
header    { width:100%; height:30px; border-bottom:1px  solid #E9D5C8; background-color: #f7e8e9; overflow:hidden;}
#headCont { width:980px; margin:0 auto; text-transform:uppercase; position:relative;}

.subCollection{float: left;font-family: "Microsoft YaHei", arial,tahoma;font-size: 14px; font-weight:bold; margin-top: 5px;width: 100%; height:5px;overflow:hidden;display:none; text-align:center;}
.subCollection li{float:left;margin-right:40px;height:20px;line-height:20px;}
.subCollection li.filter{margin-left: 215px;margin-right: 125px;}
.subCollection li a{display:block; height:20px;padding:0 5px;position:relative;color:#000}
.subCollection li a:hover{ text-decoration:none}
.subCollection li span{width:0; display:block; border-bottom:1px solid #333;position:absolute; bottom:0;left:0;}
.subCollection li a.activeSub .underline{width:100%;}

.intro    { width:900px; height:250px;position:absolute;left:50%;top:50%; margin-left:-450px; margin-top:-125px;cursor:pointer; }
.background { background:#fff; opacity:0.7; filter:alpha(opacity=70);width:100%; height:100%; display:block; position:absolute; }
.intro_cont { position:relative; z-index:10;}
.intro_cont a{ color:#999;display: block;float: left;font-size: 28px;line-height: 51px;margin: 95px 128px 0;width:45px;text-align:center;}
.lang span  { border-bottom: 1px solid #333333;  display: block;  padding-top: 0px; width:0;}

.slogan   { float:left;text-align:center;margin:10px 0;height:230px;} 
.slogan h1  { font-size:55px;font-weight:normal;text-transform:uppercase;line-height:48px;margin-top:70px; margin-bottom:20px;font-family: 'BauerBodoniStdRegular';}
.slogan span{ font-size:11px;text-transform:uppercase;}
.summer,.winter {float:left;text-align:center;width:245px;margin: 0 25px;}
.summer h2,.winter h2{font-size:40px;font-weight:normal;text-transform:uppercase;line-height:40px;margin-top:58px; padding-bottom:10px; border-bottom:1px solid #ccc;font-family: 'BauerBodoniStdRegular';}
.link_nav a { margin:0 10px; padding:0; font-family:Georgia;font-style:italic; color:#999;font-size:12px;float:none; display:inline;}

.block    { margin: 0 auto;  overflow: hidden;  position: relative;  width: auto;}
.block .fullbackground  { height: 100%;  left: 0;  position: absolute;  top: 0;  width: 100%;}

#block0   { overflow:hidden;margin-top:0;}
#block1   { overflow:hidden;}
#block2   { background:#f7e8e9;}
#block3   { overflow:hidden;}
#block4   { background:#fff;margin-top:140px;}
#block5   { background:#fff;}

.clear{ clear:both;}
.loader{left:50%; top:50%; margin-top:-35px; margin-left:-25px; position:fixed;background:url(../images/loader.gif) no-repeat center center;width:50px; height:50px;  -moz-border-radius:10px; -webkit-border-radius:10px;  border-radius:10px 10px 10px 10px;  z-index:999;  opacity:0.8;filter:alpha(opacity=80); display:none;}

/* COLLECTION
**********************************************************/

.scroll-collection    { width: 100%;height: 100%;overflow: hidden; height:600px;}  
.collection li    { cursor:pointer; float:left;overflow:hidden; position:relative; display:none; }
.collection li img  { position:relative;opacity:1;filter:alpha(opacity=1080);}
.collection li .etichetta { background:#000; color:#fff; height:40px;position:absolute; bottom:2px;width:100%; text-align:center;display:none;text-transform:uppercase;font-size:11px;line-height:39px; background:#fde7d9}

.closeLook      { position:fixed; top:100px; right:0px; z-index:200;cursor:pointer;text-transform:uppercase;display:none; background:url(../images/back.jpg) no-repeat;width:45px; height:45px;}
.closeLook p        { text-transform: none; width:0px; font-family:Georgia; font-style:italic; color:#fff; height:45px; line-height:45px;background:#000; position:absolute; right:46px;text-align:center;overflow:hidden;}

.overflowLook   { width:25%; position:absolute; top:0; z-index:100;left:38%;display:none;opacity:0;filter:alpha(opacity=0); cursor:url(../../css/cur/big.cur),auto;}
.bigLook   { width:874px; position:absolute; top:0; left:18%; z-index:101;display:none;opacity:0;filter:alpha(opacity=0); cursor:move;}
.thumbPorterLook  { cursor:pointer;float:left;margin-right:3px;background:#fff; width:70px; height:100px;position:relative;}
.thumbnailLook    { position:relative;}
.viewThumbLook    { cursor:pointer; position:fixed; z-index:105; left:50%; margin-left:-75px; width:150px; height:30px; color:#fff; text-align:center; text-transform:uppercase; line-height:30px; background:#000;font-family: 'Merriweather', serif;font-size:11px;bottom:-50px;}
.viewThumbLook:hover{ background:#333;}
.thumb-contLook   { position:relative;}
.thumb-contLook img { cursor:pointer; border:2px solid #fff;margin-right:4px;opacity:0.7;filter:alpha(opacity=70);width: 80px;height: 120px}
.thumb-contLook img:hover {opacity:1;filter:alpha(opacity=100);}
#overContentLook  { position:fixed;left:0; bottom:-160px;z-index:300;padding:15px;}
.fp_nextLook, .fp_prevLook  { cursor: pointer;  height: 46px;  position: fixed;  top: 50%;  width: 46px;  z-index:1800; }
.fp_prevLook p      { width:0px; font-family:Georgia; font-style:italic; color:#fff; height:46px; line-height:46px;background:#000; position:absolute; left:47px;text-align:center;overflow:hidden;}
.fp_nextLook p      { width:0px; font-family:Georgia; font-style:italic; color:#fff; height:46px; line-height:46px;background:#000; position:absolute; right:47px;text-align:center;overflow:hidden;}
.fp_nextLook    { background: url(../images/next.jpg) no-repeat;right:-50px;}
.fp_prevLook    { background: url(../images/prev.jpg) no-repeat;left:-50px;}
.thumbPorterLook  { display:none;}
#block1 .jspDrag    {background:#ccc;}


/* SHOW
**********************************************************/

.scroll-pane    { width: 100%;height: 100%;overflow: hidden; }      
.show li    { cursor:pointer; float:left;overflow:hidden; position:relative;border-right:1px solid #fff; border-left:1px solid #fff;}
.show li img  { position:relative;border-bottom:2px solid #fff;opacity:0.8;filter:alpha(opacity=80);}
.show li .etichetta { background:#000; color:#fff; height:40px;position:absolute; bottom:2px;width:100%; text-align:center;display:none;text-transform:uppercase;font-size:11px;line-height:39px;}

.overflow     { width:100%; position:absolute; top:0; z-index:100;left:0;display:none;opacity:0;filter:alpha(opacity=0);cursor:move;}
.thumbPorter    { cursor:pointer;float:left;margin-right:3px;background:#fff; width:70px; height:100px;position:relative;}
.thumbnail      { position:relative;}
.viewThumb      { cursor:pointer; position:fixed; z-index:100; left:50%; margin-left:-75px; width:150px; height:30px; color:#fff; text-align:center; text-transform:uppercase; line-height:30px; background:#000;font-family: 'Merriweather', serif;font-size:11px;bottom:-50px;}
.viewThumb:hover    { background:#333;}
.thumb-cont     { position:relative;}
.thumb-cont img   { cursor:pointer;  border:2px solid #fff;margin-right:4px;opacity:0.7;filter:alpha(opacity=70);}
.thumb-cont img:hover{opacity:1;filter:alpha(opacity=100);}
#overContent    { position:fixed;left:0; bottom:-160px;z-index:300;padding:15px;}
.fp_next, .fp_prev  { cursor: pointer;  height: 46px;  position: fixed;  top: 50%;  width: 46px;  z-index:1800; }
.fp_next      { background: url(../images/next.jpg) no-repeat;right:-50px;}
.fp_prev      { background: url(../images/prev.jpg) no-repeat;left:-50px;}
.fp_prev p          { width:0px; font-family:Georgia; font-style:italic; color:#fff; height:46px; line-height:46px;background:#000; position:absolute; left:47px;text-align:center;overflow:hidden;}
.fp_next p          { width:0px; font-family:Georgia; font-style:italic; color:#fff; height:46px; line-height:46px;background:#000; position:absolute; right:47px;text-align:center;overflow:hidden;}

.close        { position:fixed; top:150px; right:0px; z-index:200;cursor:pointer;text-transform:uppercase;display:none; background:url(../images/back.jpg) no-repeat;width:45px; height:45px;}
.close p            { text-transform: none; width:0px; font-family:Georgia; font-style:italic; color:#fff; height:45px; line-height:45px;background:#000; position:absolute; right:46px;text-align:center;overflow:hidden;}

.thumbPorter    { display:none;}

/* JSCROLLPANE
********************************************************/

.jspContainer { overflow: hidden;position: relative;}
.jspPane    { position: absolute;}
.jspVerticalBar { position: absolute; right: 10px;  width: 3px; height: 100%; background: none; border-radius:20px;}
.contentVideo .jspVerticalBar{  position: absolute; right: -30px; width: 3px; height: 100%; background: none; border-radius:20px;}
.jspVerticalBar *{  margin: 0;  padding: 0;}
.jspCap     { display: none;}
.jspTrack   { background: #666; position: relative; border-radius:10px;}
.jspDrag    { background: #fff; position: relative; top: 0; left: 0;  cursor: pointer;  border-radius:20px;}
#block3 .jspDrag, #block4 .jspDrag{ background: #ccc;}
.jspArrow   { background: none; text-indent: -20000px;  display: block; cursor: pointer;}
.jspArrow.jspDisabled   { cursor: default;  background: none;}
.jspVerticalBar .jspArrow { height: 50px;}
.jspVerticalBar .jspArrow:focus{ outline: none;}
.jspCorner    { background: #eeeef4;  float: left;  height: 100%;}
* html .jspCorner{  margin: 0 -3px 0 0;}


#hidegalleryLook{position:absolute; height:100%; width:100%; overflow:hidden;top:0; left:0;display:;}
#hidegallery{position:absolute; height:100%; width:100%; overflow:hidden;top:0; left:0;display:none;}