common.css 22.9 KB
@charset "utf-8";
/*
* @author angck (zhixiang.wang@yoho.cn)
* @date 2013-06-08
*/
body{background: #e9e9e1;}
.body {background: #fff;}
.banner-container,.header-banner {width: 980px; margin: 0 auto;}
.banner-container {padding-bottom: 4px;}
.inner-container,.inner-content {padding: 20px 25px;width: 930px; margin: 0 auto;}
.header-banner {height: 48px; position: relative; overflow: hidden; background: #000;}
.header-banner .logo{width: 130px; float: left; height: 48px; overflow: hidden;}
.header-banner .logo a {display: block; background: url("../images/topNav.png") 0 0 no-repeat; height: 48px; text-indent: -999px;}
.gotoYoHo,.gotoYoHobuy {position: absolute; right: 195px; bottom: 14px; display: block; width: 80px; height: 20px; background: url("../images/topNav.png") -705px -14px no-repeat; overflow: hidden; text-indent: -999px;}
.gotoTD {display: block; height: 72px; background: #f60 url('../images/tudou.gif') no-repeat; overflow: hidden; text-indent: -999px;}
.gotoYoHo {right: 110px; background-position: -790px -14px;}
.gotoYoHobuy {right: 25px; background-position: -875px -14px;}
.p4 {padding: 4px 0;}
.container-left {width: 618px; float: left;}
.container-right {width: 282px; float: right;}
/*footer*/
.activity-app {padding-bottom: 25px; overflow: hidden; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.activity-app dl{padding: 10px 0 0 19px; float: left; width: 206px; height: 92px; border: 1px solid #ccc; margin-right: 7px;}
.activity-app dt {float: left; margin-right: 25px;}
.activity-app dd{float: left; width: 83px; *height: 77px; height: 88px; overflow: hidden;position: relative; padding-top: 34px;}
.activity-app dt img {border: 1px solid #cccccc;}
.activity-app dd p{white-space: nowrap; margin-bottom: 10px; text-align: center;font-size:10px}
.activity-app dd i {background: url("../images/activity_nav.png") no-repeat; position: absolute; top: 1px; }
.activity-app .activity-weibo {width: 24px; height: 22px; background-position: -201px -143px; left: 30px;}
.activity-app .activity-weixin {width: 24px; height: 24px; background-position: -227px -143px; left: 30px;}
.activity-app .activity-ios {width: 20px; height: 24px; background-position: -253px -143px; left: 30px;}
.activity-app .activity-android {width: 21px; height: 25px; background-position: -275px -143px; left: 30px;}
.activity-download{background: url("../images/2.jpg"); display: block; width: 77px; height: 21px;}
.activity-add {background: url("../images/1.jpg"); display: block; width: 77px; height: 21px;}
.sponsor img,.partner img {vertical-align: middle;}
.inner-container .m0 {margin: 0;}

/*网页导航*/
.activity-nav li{height: 17px; line-height: 17px; float: left; padding: 16px 0 15px;}
.activity-nav li a {float: left; width: 100%; overflow: hidden; text-indent: -9999px; background: url("../images/topNav.png?20130805") no-repeat; display: inline;}
.activity-nav .index a{background-position:-130px -16px; width: 55px;}
.activity-nav .news a{background-position: -186px -16px; width: 61px;}
.activity-nav .event a{background-position:-249px -16px; width: 59px;}
.activity-nav .brand a{background-position:-310px -16px; width: 62px;}
.activity-nav .guest a{background-position:-374px -16px; width: 89px;}
.activity-nav .ticket a{background-position:-465px -16px; width: 64px;}
.activity-nav .product a{background-position:-531px -16px; width: 64px;}
.activity-nav .review a{background-position:-597px -16px; width: 64px;}
/*导航划过效果*/
.activity-nav .index a:hover{background-position:-130px -122px;}
.activity-nav .news a:hover{background-position: -186px -122px;}
.activity-nav .event a:hover{background-position:-249px -122px;}
.activity-nav .brand a:hover{background-position:-310px -122px;}
.activity-nav .guest a:hover{background-position:-374px -122px;}
.activity-nav .ticket a:hover{background-position:-465px -122px;}
.activity-nav .product a:hover{background-position:-531px -122px;}
.activity-nav .review a:hover{background-position:-597px -122px; }
/*当前页效果*/
.activity-nav .index.current a{background-position:-130px -69px;}
.activity-nav .news.current a{background-position: -186px -69px;}
.activity-nav .event.current a{background-position:-249px -69px;}
.activity-nav .brand.current a{background-position:-310px -69px;}
.activity-nav .guest.current a{background-position:-374px -69px;}
.activity-nav .ticket.current a{background-position:-465px -69px;}
.activity-nav .product.current a{background-position:-531px -69px;}
.activity-nav .review.current a{background-position:-597px -69px; }

/*网页主体样式*/
.activity-info,.activity-news,.activity-video {padding: 0 0 10px 0; position: relative;}
.activity-info {height: 321px; overflow: hidden;}
.activity-news {height: 1270px; overflow: hidden;}
.activity-news h2{padding:0 0 6px; border-bottom: 1px solid #333;}
.activity-news h2 a {font-size: 10px; font-family: arial; padding-top: 2px; padding-top: 15px;}
.activity-news h2 a:hover {color: #999;}
.activity-index-list {padding: 25px 0 0 0;}
.activity-index-list li {margin: 0 0 25px 0; border-bottom: 1px solid #ccc; padding-bottom: 25px; height: 200px; position: relative;}
/*.activity-list-icon {background: url("../images/list-icon.png") 0 0 no-repeat; width: 4px; height: 12px; position: absolute; left: -20px; top: 0;}*/
.activity-index-list h3 {height: 30px; line-height: 30px;}
.activity-news-list h3 {height: 30px; line-height: 40px; *line-height: 30px; margin-bottom: 25px; overflow: hidden;}
.activity-news-list h3 a {margin-top: -5px;}
.activity-news-list h3 a,.activity-index-list h3 a{font-size: 14px; font-weight: bold; color: #000}
.activity-news-list span em,.activity-index-list span em {padding-right: 20px; font-style: normal;}
.activity-index-list span {color: #999; padding-bottom: 18px; display: block;}
.activity-img-item {width: 318px; float: left;}
.activity-img-item img {display: block;  border: 1px solid #ccc;}
.activity-news-list li p,.activity-index-list li p{font-size:12px; color: #888;}
.activity-info-control a,.activity-info-controller a {background: #888; border-radius: 3px; float: left; width: 6px; height: 6px; overflow: hidden; text-indent: -9999px; margin-right: 5px;}
.activity-info-control .activeSlide,.activity-info-controller .activeSlide {background: #000;}

/*导航主背景*/
.navBg {background: #000;}

/*news*/
.activity-position {padding: 5px 0; border-bottom: 1px solid #333; margin-bottom: 25px;}
.activity-position a,.activity-position span{font-weight: bold; padding: 0 5px; font-size: 14px;}
.activity-news-menu {padding:0 0 25px 0;}
.activity-news-menu li {float: left;}
.activity-news-menu li a {float: left; padding: 5px 10px; background: #000; margin-right: 5px; color: #ffffff;}
.activity-news-menu li a:hover {background: #333; color: #aaa;}
.activity-news-list li{height:227px; border-bottom: 1px solid #dddddd; margin-bottom: 25px; position: relative;}
.activity-news-menu .tag_current{background:#666666;}
/*品牌*/
.activity-brand-list {padding-left: 60px; margin-right: -20px;}
.activity-brand-list li{height: 167px; width: 147px; text-align: center; float: left; margin-right: 22px; position: relative;}
.activity-brand-list li img {border: 1px solid #ccc; margin-bottom: 10px; display: block;}
.activity-brand-list .brandHover {border: 0; position: absolute; left: 1px; top: 1px; display: none;}

/*品牌内页*/
.brand-detail {width: 820px; margin: 0 auto;}
.brand-info {border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 20px;}
.brand-info-left {width: 385px; height: 350px; float: left;}
.brand-info-right {width: 372px; height: 350px; float: right;}
.brand-slider {width:383px;height:292px;border: 1px solid #ccc; overflow: hidden; position: relative;}
.brand-info-img {/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;vertical-align:middle;/*设置水平居中*/text-align:center;
    /* 针对IE的Hack */*display: block;*font-size: 255px;/*约为高度的0.873,200*0.873 约为175*/*font-family:Arial;/*防止非utf-8引起的hack失效问题,如gbk编码*/ width:383px;height:292px;line-height: 292px;}
.brand-info-img img {vertical-align: middle;}
.brand-info-video {height: 42px; border: 1px solid #ccc; margin-top: 12px; overflow: hidden;}
.brand-info-video a {background: url('../images/view-photo.png') center no-repeat; display: block; height: 100%;}
.brand-info-video .showVideo {background: url('../images/view-video.png') center no-repeat; }
.brand-logo {height: 97px; overflow: hidden; padding-bottom: 10px;}
.brand-logo dt {width: 172px; float: left;}
.brand-logo dt img {border: 1px solid #ccc;}
.brand-logo dd {vertical-align: bottom; float: left; font-size: 14px; font-weight: bold; padding-top: 77px;}
.brand-info-right h2 {font-weight: 600; margin-bottom: 6px;}
.brand-info-right p {color: #666; line-height: 20px;}
.brand-info-right img {border: 1px solid #ddd;}
.brand-info-right dd {padding: 5px 0;}
.brand-slider-left,.activity-slider-left {background: url("../images/arrow-left.png") no-repeat; width: 17px; height: 94px; overflow: hidden; display: block; position: absolute; left: 10px; top: 50%; margin-top: -52px; z-index: 9}
.brand-slider-right,.activity-slider-right {background: url("../images/arrow-right.png") no-repeat; width: 17px; height: 94px; overflow: hidden; display: block;position: absolute; right: 10px; top: 50%; margin-top: -52px; z-index: 9}
.brand-detail .activity-news-list li {border-color: #333;}
.brand-star {border-bottom: 1px solid #333; padding-bottom: 20px; margin-bottom: 20px;}
.brand-star-avatar {height: 70px; overflow: hidden; width: 390px; margin-right: 30px; float: left; position: relative;}
.brand-star-info {width: 372px; float: right}
.brand-star-info h2 {font-weight: 700; margin-bottom: 10px;}
.brand-star-info p{color: #666; height: 100px; overflow-x: hidden; overflow-y: auto; margin-bottom: 10px; line-height: 20px;}
.brandAbout { height: 196px; overflow-y:  auto; overflow-x: hidden;}

/*活动介绍*/
.activity-event,.activity-qa {width: 820px; margin: 0 auto 20px;}
.activity-event h3 {font-weight: 700; font-size: 14px; margin-bottom: 20px;}
.activity-event h4 {font-size: 18px; font-weight: 600; margin-bottom: 29px;}
.activity-event p strong {font-size: 14px;}
.mb10 {margin-bottom: 20px;}
.activity-borderline {padding-bottom: 20px; border-bottom: 1px dashed #ccc; margin-bottom: 20px;}
.activity-borderline-solid {padding-bottom: 20px; border-bottom: 1px solid #333; margin-bottom: 20px;}
.activity-qa h2{padding: 8px; color: #ffffff; background: #000; font-weight: 700; margin-bottom: 20px; font-family: "Arial Black";}
.activity-qa h3 {font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.activity-qa h3 span{padding-right: 15px; font-size: 24px; font-family: "Arial Black";}
.activity-qa p {padding-left: 20px; color: #f96062;}
.activity-qa p span{font-weight: bold; padding-right: 10px; font-size: 14px;}

/*news detail*/
.activity-detail {padding: 25px 0 20px; border-bottom: 1px solid #333; margin-bottom: 25px;}
.activity-detail h1{font-size: 14px; font-weight: bold; text-align: center; margin-bottom: 10px;}
.detail-time {text-align: center;}
.detail-time span {padding-right: 20px;}
.detail-body {padding-top: 20px; width: 620px; margin: 0 auto; text-align: left;}
.detail-body p {line-height: 22px; margin-bottom: 20px; text-align: left;}
.pageSize {padding-left: 31px;}
.detail-pageSize li {margin-bottom: 0; border-bottom: 0; padding-top: 5px; height: 70px; float: left; width: 50%;}
.detail-pageSize .activity-img-item {width: 148px; overflow: hidden;}
.detail-pageSize .detail-prev,.detail-pageSize .detail-next {position: absolute; top: -20px; left: 0;}
.activity-share {padding: 10px 0 0 30px; overflow: hidden;}
.activity-share h2,.activity-share div {float: left; height: 25px; line-height: 25px; overflow: hidden;}
/*购票须知*/
.activity-ticket {padding:0 0 20px 30px;}
.activity-ticket h3{font-size: 14px; font-weight: 700;}
.activity-ticket p {padding:20px 40px; line-height: 24px; font-size: 14px;}
.activity-ticket p img {padding: 10px 0 20px; display: block;}
.activity-get-ticket {padding: 25px 0 0; border-top: 1px solid #333; height: 500px; overflow: hidden;}
.activity-get-ticket li{padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #333; overflow: hidden;}
.activity-get-ticket .sell-img { width: 540px; float: left;}
.activity-get-ticket .sell-info {float: left; padding-top: 56px; position: relative; height: 168px;}
.activity-get-ticket .sell-info p {margin-bottom: 5px;}
.activity-get-ticket .sell-info h3 {font-size: 14px;}
.activity-get-ticket .sell-info h3,.activity-get-ticket .sell-info .sell-time {font-weight: bold; margin-bottom: 5px;}
.activity-get-ticket .sell-price {color: #ef1d1c; font-weight: bold;}
.activity-get-ticket .sell-price em {font-style: normal; font-size: 25px; font-family: arial;}
.toSell {position: absolute; left: 0; bottom:5px; background: #525252; padding: 5px 8px; color: #fff; white-space: nowrap; border-radius: 3px;}
.toSell:hover {color: #eee;}


/*pagesize*/
.y_news_bolg1_link {text-align: center; padding-bottom: 20px;}
.y_news_bolg1_link a {padding: 3px 8px 3px; margin-right: 2px; background: url('../images/pageNormal.png') no-repeat; line-height: 21px; color: #333;}
.y_news_bolg1_link .link1 {background: url('../images/pageCurrent.png') no-repeat; color: #FFF;}
.y_news_bolg1_link .lable_class {background: url('../images/nextpage.png') no-repeat; width: 50px; padding-left:3px; padding-right: 12px;}

/*dialog layout*/
.activity-layout {border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 20px;}
.activity-layout-left {height: 350px; width: 385px; float: left;}
.activity-slider {border: 1px solid #ddd; height: 292px; overflow: hidden; position: relative;}
.activity-layout-right {float: right; width: 276px; height: 350px;}
.activity-layout-right h2 {font-size: 22px; font-weight: bold; border-bottom: 1px solid #333; padding-bottom: 10px;}
.activity-layout-right h3 {font-weight: bold; padding: 10px 0;}
.shopImg {padding-top: 25px; position: relative;}
.shopImg img {border: 1px solid #ccc;}
.showDialog {cursor: pointer;}
.goto-shop-link {background: #353535; padding: 10px 20px; color: #fff; position: absolute; left: 90px; top: 25px; border-radius: 0 3px 3px 3px;}
.goto-shop-link:hover {color: #ddd;}
.arrow-left-icon {position: absolute; background: url("../images/arrow-left-icon.png") no-repeat; left: -9px; height: 4px; top: 0; width: 9px;}
.l110 {left: 100px; top: 0;}
.layout-list-news span {float: left; vertical-align: middle;}
.layout-list-news .brand-title {font-size: 14px; font-weight: bold; width: 280px; overflow: hidden; text-overflow: ellipsis;}
.layout-list-news .brand-summary {width: 300px; overflow: hidden; overflow: hidden; text-overflow: ellipsis; padding-top: 3px;}
.layout-list-news .brand-time {text-align:center; padding-top: 3px;}
.videoBox {width: 383px; height: 292px; position: absolute; left: 0; top: 0; z-index: 10; background: #fff; }


/*视频*/
.video-online {width: 618px; height: 343px; background: #ddd; float: left;}
.video-list {position: relative; height: 116px; overflow: hidden; padding: 0 26px;}
.video-slider-left {background: url("../images/arrow-left.png") no-repeat; width: 17px; height: 94px; overflow: hidden; display: block; position: absolute; left: 0; top: 50%; margin-top: -47px; z-index: 2; cursor: pointer;}
.video-slider-right {background: url("../images/arrow-right.png") no-repeat; width: 17px; height: 94px; overflow: hidden; display: block; position: absolute; right: 0; top: 50%; margin-top: -47px; z-index: 2; cursor: pointer;}
.video-list-box h2{font-size: 14px; font-weight: bold; line-height: 14px; margin-bottom: 26px;}
.video-list-ul {margin-right: -30px;}
.video-list-box {width: 878px; overflow: hidden; position: relative; height: 127px;}
.video-list-ul li{float: left; margin-right: 14px; height: 116px;}
.video-list-ul li img{ display: block; margin-bottom: 2px;}

/*主理人*/
.content-wrap {width: 830px; margin: 0 auto;}
.agent-list {margin-right: -25px;}
.agent-list li{float: left; width: 148px; height: 265px; overflow: hidden; margin-right: 23px; text-align: center;}
.agent-list li img {border: 1px solid #ccc; display: block; margin-bottom: 8px; cursor: pointer}
.agent-list li p {font-size: 14px; color: #333; cursor: pointer}

.VideoSlider {width: 618px; height: 343px; overflow: hidden;position: relative; margin-bottom: 25px;}
.saleAD {margin-bottom: 60px;}
.videoSliderNav {height: 34px; background: rgba(0,0,0,0.7) !important; background: #000; filter: alpha(opacity: 70); position: absolute; left: 0; top: 0; z-index: 10; width: 100%;}
.videoSliderBox {width: 100%; height: 100%;}
.videoLayout {background: #ccc; height: 100%; width: 100%;}
.moreVideo,.moreVideo:hover {font-family: 'arial'; color: #fff; position: absolute; right: 10px; top: 9px;}
.videoSliderController {position: absolute; right: 60px; top: 9px; z-index: 10}
.videoSliderController a {width: 20px; height: 20px; float: left; margin-right: 5px; color: #fff; line-height: 20px; text-align: center;}
.videoSliderController .activeSlide { background: #666; border-radius: 2px;}

.AgentAdress {margin-bottom: 17px;}
.agentIntro {line-height: 20px; margin-bottom: 18px; font-weight: 500;}

.sideBar {margin-bottom: 20px;}
.sideBar li{height: 44px; line-height: 44px; overflow: hidden; text-indent: -9999px; margin-bottom: 2px;}
.sideBar li a {display: block;}
.sideBar .sideGuest { background: #47a9a8 url('../images/sidebarTitle.png') 0 0 no-repeat;}
.sideBar .sideTicket { background: #87c7c6 url('../images/sidebarTitle.png') 0 -46px no-repeat;}
.sideBar .sideBrand { background: #952493 url('../images/sidebarTitle.png') 0 -92px no-repeat;}
.sideBar .sideEvent { background: #ba70b9 url('../images/sidebarTitle.png') 0 -138px no-repeat;}
.sideBar .sideVideo { background: #f3562d url('../images/sidebarTitle.png') 0 -184px no-repeat;}
.sideBar .sideClub { background: #f79176 url('../images/sidebarTitle.png') 0 -230px no-repeat;}
.sideBar .sideShop { background: #95c25b url('../images/sidebarTitle.png') 0 -276px no-repeat;}
.sideBar .sideMicro { background: #bad794 url('../images/sidebarTitle.png') 0 -322px no-repeat;}
.sideBar .sideContact { background: #4c4c4c url('../images/sidebarTitle.png') 0 bottom no-repeat;}

.sideBar .sideGuest:hover { background: #499594 url('../images/sidebarTitle.png') 0 0 no-repeat;}
.sideBar .sideTicket:hover { background: #7ab3b2 url('../images/sidebarTitle.png') 0 -46px no-repeat;}
.sideBar .sideBrand:hover { background: #81237f url('../images/sidebarTitle.png') 0 -92px no-repeat;}
.sideBar .sideEvent:hover { background: #a65fa5 url('../images/sidebarTitle.png') 0 -138px no-repeat;}
.sideBar .sideVideo:hover { background: #df502d url('../images/sidebarTitle.png') 0 -184px no-repeat;}
.sideBar .sideClub:hover { background: #e38072 url('../images/sidebarTitle.png') 0 -230px no-repeat;}
.sideBar .sideShop:hover { background: #80ae57 url('../images/sidebarTitle.png') 0 -276px no-repeat;}
.sideBar .sideMicro:hover { background: #a5c383 url('../images/sidebarTitle.png') 0 -322px no-repeat;}
.sideBar .sideContact:hover { background: #383838 url('../images/sidebarTitle.png') 0 bottom no-repeat;}

.bomLogo {text-align: center; width: 980px; margin: 0 auto;}
.black {background: #000000;}
.bomLogo p {background: #535353; color: #ffffff; padding: 3px 0; border-top: 1px solid #e9e9e1;}

.activity-ask {background: #000; padding: 8px; color: #fff; font-family: 'arial black'; font-weight: bold;}


/*update index*/
.indexSnap {padding: 20px 0px 10px; border-bottom: 1px solid #333; margin-bottom: 26px;}
.indexSnap a {padding-top: 15px;}
.tudoBanner {margin-bottom: 26px;}
.listSnap {height: 127px;}
.snap-list-ul {position: absolute;}
.snap-list-ul li {width:177px; float: left;}
.snap-list-ul img {width: 169px; height: 127px;}
#snapFocus {background: #000; border: 1px solid #000; box-shadow: 0 0 5px 1px #333;}
#snapFocus .closeLayer {width: 20px; height: 21px; background: url("../images/close_white.png") no-repeat; display: block;}
.lightBoxNav {padding-top: 4px; margin-right: -30px; position: absolute;}
.lightBoxNav li{width: 100px; height: 96px; margin-right: 2px; padding: 9px 2px 2px; float: left; }
.lightBoxNav img {display: block; width: 96px; height: 72px;}
.lightBoxNav .current {background: url("../images/currentBg.jpg") no-repeat;}
.lightBoxNav p {text-align: right; padding-right: 5px; line-height: 10px; padding-top: 2px;}
.lightBoxNav li a {color: #ddd; font-family: arial; font-size: 10px; display: block;}

.lightNavBox {position: relative; overflow: hidden; height: 108px;}
.snapLightBox {width: 783px; height: 589px; overflow: hidden; margin-bottom: 10px; position: relative; background: url("../images/ajax-loader.gif") center no-repeat;text-align:center;}
.snapLightBoxRight,.snapLightBoxLeft {width: 50%; height: 100%;position: absolute; left: 0; top: 0;}
.snapLightBoxRight {right: 0; left: auto;}
.snapLightBoxRightBtn,.snapLightBoxLeftBtn {width: 85px; height: 65px; display: block; position: absolute; left: 17px; top: 50%; margin-top: -33px; z-index: 10; background: url("../images/snapLeftBtn.png") no-repeat; display: none; opacity: 0; filter: alpha(opacity:0);}
.snapLightBoxRightBtn {right: 17px; left: auto; background: url("../images/snapRightBtn.png") no-repeat;}
.scrollBar {position: absolute; width: 736px; height: 1px; line-height: 0; font-size: 0; background: #333; bottom: 12px;}
.scrollBarTip {background: url("../images/scrollbar.png") no-repeat; width: 115px; height: 9px; line-height: 9px; display: block; overflow: hidden; cursor: e-resize; position: absolute; top: -4px;}

.snapLightController {height: 125px; border: 1px solid #292929; overflow: hidden; padding:0 22px 0 23px; position: relative;}
.snapLeftBtn {width: 14px; height: 47px; background: url("../images/snapLeft.jpg") no-repeat; display: block; position: absolute; left: 5px; top: 25px;}
.snapRightBtn {width: 14px; height: 47px; background: url("../images/snapRight.jpg") no-repeat; display: block; position: absolute; right: 5px; top: 25px;}

.yohoodGoods {padding-bottom: 20px; margin-bottom: 26px; border-bottom: 1px solid #333;}
.yohoodGoods ul {margin-right: -60px;}
.yohoodGoods li{width: 148px; height: 265px; float: left; line-height: 20px; margin-right: 20px;}
.yohoodGoods a {color: #333; display: block;}
.yohoodGoods img {border: 1px solid #ddd; display: block; margin-bottom: 6px;}
.showGoodsTitle {font-size: 18px; font-family: 'microsoft yahei'; font-weight: bold; margin-bottom: 26px;}
.showGoodsinfo {font-size: 14px; font-weight: bold; padding-bottom: 7px; border-bottom: 1px solid #333; margin-bottom: 5px;}
.goodsDescription {line-height: 22px; margin-bottom: 20px;}
.goodsBigImage {width: 362px; border: 1px solid #ddd; height: 481px; float: left;}

.goodsImageList {height: 428px; padding: 27px 0 26px; width: 83px; overflow: hidden; float: right; position: relative;}
.imageList {height: 427px; overflow: hidden; position: relative;}
.imageList ul {position: absolute;}
.imageList li {height: 86px;}
.imageList img {border: 1px solid #ddd; display: block; cursor: pointer; width: 81px; height: 81px;}
.imageList .active img {border: 2px solid #333; width: 79px; height: 79px;}
.goodsTopBtn,.goodsBottomBtn { width: 83px; height: 15px; position: absolute; left: 0; }
.goodsTopBtn {background: url("../images/arrowTop.jpg") no-repeat; top: 0;}
.goodsBottomBtn {background: url("../images/arrowBottom.jpg") no-repeat; bottom: 0;}