#cultureBanner { background: linear-gradient(white, #F4F4F4); } .chanYuTab a.item.active { background: #009dc4; } .artel_en { color: #4a4a4a; font-family: "DINCondensed-Bold"; font-size: 36px; font-stretch: condensed; font-weight: 700; text-align: center; text-transform: uppercase; margin-top:20px; } .artel_cn { color: #4a4a4a; font-family: "微软雅黑"; font-size: 18px; font-weight: 600; line-height: 8px; text-align: center; } .leftPanel { float:left; width: 628px; background:white; } .rightPanel { float:right; width: 532px; box-sizing:border-box; padding-left:72px; background-position:30px top; background-repeat:no-repeat; } .firstRow { height:450px; } .realmofZen_en { z-index: 3; color: #ffffff; font-family: "DINCondensed-Bold"; font-size: 36px; font-stretch: condensed; font-weight: 700; text-transform: uppercase; } .realmofZen_cn { z-index: 3; color: #ffffff; font-family: "微软雅黑"; font-size: 16px; font-weight: 600; line-height: 8px; margin-bottom:20px; } .videoButton { display:inline-block; width:92px; line-height:43px; color:#4A4A4A; font-weight: 600; font-size:14px; margin:0 4px; position:relative; } .videoButton:last-child:after { content:''; } .videoButton:after { line-height:43px; content:'|'; color:#cfcbcb; font-family:Arial; margin:0 3px 0 3px; position:absolute; right:-10px; } .videoButton.active { color:white; border:1px #00b5d6 solid; border-radius:20px; background:#00b5d6; } .physicalan_en { color: #004660; font-family: "DINCondensed-Bold"; font-size: 36px; font-weight: 700; text-transform: uppercase; } .physicalan_cn { color: #4a4a4a; font-family: "微软雅黑"; font-size: 16px; font-weight: 600; line-height: 4px; margin-bottom:20px; } .rightContent { width:460px; } .rightSection { margin-top: 22px; height: 376px; } .imageContainer { width:100%; height:205px; position:relative; margin-bottom:15px; } .imageContainer .images { width:100%; height:100%; } .imageContainer .images a { display:none; width:100%; height:100%; } .imageContainer .images img { width:100%; height:100%; } .imageContainer .buttons .left,.imageContainer .buttons .right { position:absolute; top:90px; display:block; width:32px; height:32px; background-size:100%; cursor:pointer; } .imageContainer .buttons .left { left:10px; background-image:url(../../../../images/icon_arrow_l.png); } .imageContainer .buttons .right { right:10px; background-image:url(../../../../images/icon_arrow_r.png); } .imageContainer .buttons .left:hover { background-image:url(../../../../images/icon_arrow_l_active.png); } .imageContainer .buttons .right:hover { background-image:url(../../../../images/icon_arrow_r_active.png); } .videoContainer { background:#979797; padding:15px 0; } .videoContent { width:395px; height:210px; position:relative; margin:auto; } .videoContent .images,.videoContent .images img { width:100%; height:100%; } .videoContent .images img { display:none; } .videoContent a.mask { position:absolute; left:0; top:0; width:100%; height:100%; line-height:210px; text-align:center; background:rgba(0,0,0,0.6); } .videoContent:hover a.mask { display:block; vertical-align:middle; background:rgba(0, 70, 96, 0.9); } .videoContent a.mask img { display:inline; vertical-align:middle; }