@charset "utf-8";
#aboutContent {margin-left: auto; margin-right: auto; overflow: hidden; width: 900px;position: relative;}
#aboutDetail {width: 330px; background-color: #35665C; padding: 92px 0 0 0; position:relative;}
#aboutDetail div {position: absolute; width: 270px; bottom: 150px; left: 30px;}
#aboutDetail h1 {padding-bottom: 27px;}
#aboutDetail div {color: #fff; font-size: 75%; line-height: 160%;}
#about-hysan-place #btnHomeL {left: 50%; top: 0 !important; background-image: url(../images/about/btn_home.png);}

#aboutMedia {position: absolute; bottom: 160px; left: 320px; width: 580px; height: 345px;}
#aboutRightBtn, #aboutLeftBtn {position: absolute; left: 550px; top: 0px; background:url(../images/about/arrow_right.gif) no-repeat 0 0; width: 17px; height: 32px; display: block; text-indent: -5000px; cursor: pointer;}
#aboutLeftBtn {background-image: url(../images/about/arrow_left.gif); top: 34px;}
#aboutMediaMaskWrapper {width: 525px; height: 320px;  background-color: #fff; padding: 10px}
#aboutMediaMask {width: 525px; height: 320px; overflow:hidden; position:relative;}
/*.mediaItem {position: absolute; top: 0px; left: 50px; z-index: 10;}
#aboutMedia .active {z-index: 100; top: 0px; left: 0px;}*/
#aboutMediaItems {position: absolute; top: 0px; left: 0; width: 1000px;}
.mediaItem {float: left;}