You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
4.5 KiB
CSS
61 lines
4.5 KiB
CSS
6 years ago
|
@charset "utf-8";
|
||
|
|
/* CSS Document */
|
||
|
|
.photoBlock { display: block; border-bottom:1px dotted #d1d1d1; margin-bottom:25px; margin-top:15px; padding-bottom:20px;}
|
||
|
|
.photoBlock .framer { background:#000; padding:15px; display: block; margin-bottom:10px;}
|
||
|
|
.photoBlock .framer img { border:1px solid #fff;}
|
||
|
|
.photoBlock .photoText { display:block; background:url(https://data.chinahighlights.com/pic/arrowUp.gif) no-repeat left 5px; padding-left:20px; margin-bottom:10px;}
|
||
|
|
.photoBlock .takenTime { color:#999; display:block; padding-left:20px;}
|
||
|
|
.photoBlock table { font-family:Arial, Helvetica, sans-serif; width:100%;}
|
||
|
|
.photoBlock table th { padding:1px 10px 1px 0; color:#999}
|
||
|
|
/* slide show */
|
||
|
|
@media (min-width:768px) {
|
||
|
|
.flexslider ul.slides>li img { width: 100% }
|
||
|
|
}
|
||
|
|
@media (min-width:1000px) {
|
||
|
|
.flexslider { margin: 0!important }
|
||
|
|
}
|
||
|
|
#homeSlideshow { background: url(/js/orbit/orbit/1-0.gif) no-repeat center center; margin-bottom: 30px }
|
||
|
|
#homeSlideshow .flexslider { position: relative }
|
||
|
|
#homeSlideshow .flexslider ul { padding: 0; margin: 0 }
|
||
|
|
#homeSlideshow .flexslider ul.flex-direction-nav a { width: 88px; height: 88px; display: block; background: url(https://data.chinahighlights.com/css/images/merge/csg-512c793703ac8.png) no-repeat 0 0; position: absolute; top: calc(50% - 44px); cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; z-index: 10 }
|
||
|
|
#homeSlideshow .flexslider ul.flex-direction-nav a:focus { outline: 0 }
|
||
|
|
#homeSlideshow .flexslider ul.flex-direction-nav .flex-next { background-position: 0 -422px; right: 10px }
|
||
|
|
#homeSlideshow .flexslider ul.flex-direction-nav .flex-prev { background-position: 0 -560px; left: 10px }
|
||
|
|
#homeSlideshow .flexslider ul.flex-direction-nav .disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default }
|
||
|
|
#homeSlideshow .flexslider ul.slides { zoom: 1; position: relative }
|
||
|
|
#homeSlideshow .flexslider ul.slides>li { display: none; -webkit-backface-visibility: hidden; position: inherit!important }
|
||
|
|
#homeSlideshow .flexslider ul.slides>img { width: 100%; display: block; border-radius: 0 }
|
||
|
|
#homeSlideshow .flexslider ul.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
|
||
|
|
#homeSlideshow .flexslider ol { padding: 0; margin: 0 }
|
||
|
|
#homeSlideshow .flexslider ol.flex-control-nav { position: absolute; width: 100%; text-align: center; margin-top: -30px; z-index: 1000 }
|
||
|
|
#homeSlideshow .flexslider ol.flex-control-nav>li { margin: 0 6px; display: inline-block; zoom: 1 }
|
||
|
|
#homeSlideshow .flexslider ol.flex-control-paging>li>a { width: 11px; height: 11px; display: block; cursor: pointer; text-indent: -9999px; background: #fff; border: 1px solid #fff; border-radius: 20px }
|
||
|
|
#homeSlideshow .flexslider ol.flex-control-paging>li>a:hover { background: #a31022 }
|
||
|
|
#homeSlideshow .flexslider ol.flex-control-paging>li>a.flex-active { background: #a31022 }
|
||
|
|
#homeSlideshow .flexslider:hover .flex-next { opacity: .8; right: 5px }
|
||
|
|
#homeSlideshow .flexslider:hover .flex-next:hover { opacity: 1 }
|
||
|
|
#homeSlideshow .flexslider:hover .flex-prev { opacity: .8; left: 5px }
|
||
|
|
#homeSlideshow .flexslider:hover .flex-prev:hover { opacity: 1 }
|
||
|
|
@media (max-width:768px) {
|
||
|
|
#homeSlideshow .flex-direction-nav { display: none!important }
|
||
|
|
}
|
||
|
|
@media (min-width:1000px) {
|
||
|
|
#homeSlideshow .adText { font-size: 40px!important; top: 40px!important; left: 40px!important; line-height: 55px!important; width: 980px!important }
|
||
|
|
}
|
||
|
|
#homeSlideshow .textBlock { position: absolute; left: 0; top: 10%; text-align: center; display: block; width: 100%; color: #fff; font-size: 18px; text-shadow: 1px 2px 5px #333; line-height: 20px }
|
||
|
|
#homeSlideshow .textBlock .adText { display: block; width: 90%; margin: 0 auto 35px }
|
||
|
|
#homeSlideshow .readMore { border: 2px solid #fff; padding: 5px 20px 6px; text-align: center; font-size: 16px; border-radius: 4px }
|
||
|
|
#homeSlideshow .readMore a { color: #fff; text-decoration: none }
|
||
|
|
#homeSlideshow .readMore:hover { box-shadow: inset 0 0 5px #f1f1f1 }
|
||
|
|
|
||
|
|
.goto500 { display: block; text-align:center; background:#a31022; padding:10px 0; margin:10px 0 30px; border-radius:6px 0 6px;}
|
||
|
|
.goto500 a { text-decoration: none; color:#fff; font-size:16px;}
|
||
|
|
.goto500 a:hover { color:#fff; text-shadow:0 1px 3px #333}
|
||
|
|
.goto500 img { display: inline !important}
|
||
|
|
|
||
|
|
.camereInfo { display: block; width:100%; font-family:Arial, Helvetica, sans-serif;}
|
||
|
|
.camereInfo th { padding:5px; vertical-align: text-top; color:#999}
|
||
|
|
.camereInfo td { padding:5px 10px; line-height:18px;}
|
||
|
|
.mercierIcon { display: block; margin: 15px 0 15px;}
|
||
|
|
.mercierIcon img { border-radius:50%; width:100%;}
|