锘縣tml, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } :focus { outline: 1; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } ul, li { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } .fl { float: left; } .fr { float: right; } .clearfix:after { content: " "; display: block; clear: both; height: 0; } .clearfix { zoom: 1; } .padding0 { padding: 0!important; } .padding67 { padding: 67px 0 10px 0; } .paddingT { padding: 20px 0 10px 0; } .bgcGrey { background-color: #f6f6f6!important; } .bgcWhite { background-color: #ffffff!important; } .bgcF4 { background-color: #f4f4f4!important; } .paddingR20 { padding-right: 20px; } .marginTB30 { margin: 30px 0; } .nav-con { background-color: #ffffff; padding: 10px 0; } .nav-con .nav { width: 1200px; margin: 0 auto; padding: 10px; } .logo { width: 500px; height: 108px; background: url("/skin/images/logo.jpg") left center/100% auto no-repeat; } .hours24 { width: 189px; height: 108px; background: url("/skin/images/phone.jpg") left center/100% auto no-repeat; } .nav-lists { background-color: #850418; color: #fff; } .nav-lists ul { margin: 0 auto; } .nav-lists li { float: left; width: 11.1111111%; } .nav-lists li:hover { background-color: #9e071e; } .nav-lists li a { display: block; text-align: center; padding: 15px 0; font-size: 16px; text-decoration: none; color: #fff; } .topInfo { background-color: #d3d3d3; color: #444; font-size: 12px; line-height: 30px; } .rightTop li { float: left; line-height: 30px; } .rightTop li a { font-size: 12px; padding: 0 10px; color: #444; } .bdr { border-right: 1px solid #444; } .bd { border: 1px solid #f4f4f4; } .title { border-bottom: 1px solid #850418; } .title-left { padding: 10px; text-align: center; color: #fff; font-size: 18px; background-color: #850418; } .title-right { font-size: 12px; padding: 10px; line-height: 16px; } .title-right a { color: #666666; } .news { margin: 30px 0; padding-right: 20px; } .news img { width: 45%; float: left; } .main-news { padding: 16px 10px; } .newsInfo { width: 55%; } .news-main-title { color: #850418; font-size: 18px; text-align: center; padding: 10px; } .news-main-content { font-size: 13px; color: #666; padding: 20px 20px 0 20px; line-height: 20px; } .navigation { margin: 30px 0; } .news-list { font-size: 12px; margin-bottom: 20px; } .news-list li { margin: 0 30px; padding: 8px 0 5px 0; border-bottom: 1px dashed #d1d1d1; } .news-list a { color: #666; font-size: 13px; } .publish-time { color: #999; font-size: 12px; } .square { display: inline-block; width: 2px; height: 2px; background-color: #000; margin-right: 3px; margin-bottom: 4px; } .moreofus { font-size: 14px; color: #262626; line-height: 30px; text-align: left; text-indent: 2em; } .knowMore { padding: 20px; } .knowMore a { text-decoration: none; border: none; border-radius: 0; background: #850418 url("/skin/images/index_03.png") 10px center no-repeat; padding-left: 30px; } .knowMore a:hover, .knowMore a:active, .knowMore a:visited, .knowMore a:link, .knowMore a:focus { background-color: #a0081f!important; color: #fff; } .marginT10 { margin-top: 10px; } .paddingL5 { padding-left: 5px!important; } .paddingR5 { padding-right: 5px!important; } .margin0 { margin: 0; } .navigation-block { text-align: center; background-color: #fff; border: 2px solid rgba(197, 197, 197, 0.3); } .navigation .title-left { width: 100%; } .navigation-block img { width: 100%; } .padding5 { padding: 0 5px; } .margin5f { margin: -5px; } .ksjs { padding-bottom: 30px; } .ksWrap { position: relative; width: 55%; } .ks { padding: 5px 10px; margin-top: 10px; } .ksImg { text-align: right; width: 45%; padding: 10px 0 20px 20px; } .ksImg img { width: 100%; } .footer { background-color: #850418; color: #ffffff; padding: 20px 0; font-size: 12px; clear: both; } .footer img { height: 80px; } .padding20 { padding: 20px 0; } .footerInfo { line-height: 33px; border-left: 1px solid #a34835; padding-left: 20px; margin-left: 20px; } #slider { margin-bottom: 20px; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .multi-ellipsis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .marginT20 { margin-top: 20px; } .carousel-control { width: 10%; } .carousel-inner>.item>img { margin: 0 auto; } .right-menu { display: none; } .right-menu-list { display: none; } .ksTitle { border-bottom: 2px solid #850418; text-align: center; margin: 20px 0; } .titleText { color: #444444; position: relative; top: 18px; display: inline-block; padding: 10px; background-color: #fff; font-size: 18px; } .zj { text-align: left; } .zj-list { margin-bottom: 25px; } .zj-list img { width: 15% } .zj-list img:hover { opacity: 0.8; } .zj-list .zjjs:first-of-type { display: block; } .zj-list .zjjs { width: 40%; display: none; background-color: #fff; } .zj .titleText { padding-left: 0; background-color: #f6f6f6; } .zj a.titleText { font-size: 12px; top: 23px; padding-left: 10px; } .zjTitle { font-size: 16px; font-size: 24px; } .zjZc { color: #850418; font-size: 18px; } .zjName { padding: 22px 10px 10px 20px; font-size: 14px; } .zjDetail { font-size: 12px; padding-left: 20px; padding-right: 20px; line-height: 20px; } .zjDetailA { line-height: 23px; color: #999; margin: 10px 0; } .zj-list-app { display: none; } .envTitle .titleText { background-color: #fff; } .text-left { text-align: left; } .padding10 { padding: 10px } .side-bar { width: 265px; margin-bottom: 50px; } .side-bar .title-left { padding: 20px 10px; font-size: 24px; } .childrenList li { border-bottom: 1px solid #e5e5e5; background-color: #fafafa; } .childrenList li a { display: block; height: 100%; color: #666; text-decoration: none; font-size: 14px; padding: 12px 20px; } .childrenList li a:hover { color: #850418; font-weight: 600; } .marginTB10 { margin: 10px 0; } .side-bar .side-btn { cursor: pointer; padding-left: 62px; background: #850418 url("/skin/images/about_05.jpg") 20px center/30px no-repeat; font-size: 18px; } .side-bar .side-btn-jy { background: #850418 url("/skin/images/about_08.png") 20px center/30px no-repeat; } .main-content { padding: 20px 20px 20px 295px; clear: none; } .content-top { border-bottom: .8px solid #dcdcdc; height: 30px; } .content-title { color: #850418; font-size: 18px; padding: 0 20px 10px 0; border-bottom: 1px solid #850418; position: relative; top: 1px; } .bread { font-size: 12px; color: #666 } .bread .current-path { color: #850418; } .detaiil-content h3 { text-align: center; padding: 30px 0 15px 0; font-size: 24px; color: #850418; } .detaiil-content div.newsinfo{border-bottom: 1px solid #ddd;font-size: 12px;text-align: center;padding-bottom:8px;padding-top:5px;} .detaiil-content div.newsinfo em{font-style: normal;color: #888;line-height: 18px;height: 18px;padding:0 5px;} .detaiil-content div.content { padding: 15px 0; } .detaiil-content p { font-size: 14px; line-height: 28px; text-indent: 2em; } .news-content { padding: 20px 0; } .news-content .news-time { width: 60px; background-color: #999999; text-align: center; line-height: 45px; color: #fff; font-size: 30px; } .news-time .yearMonth { height: 20px; border-top: 1px solid #fff; line-height: 20px; font-size: 12px; } .news-content .news-title { font-size: 16px; color: #444; padding: 0 0 10px 80px; } .news-content .news-detail { font-size: 12px; color: #666; padding: 0 0 10px 80px; line-height: 20px; } .news-content li { border-bottom: 1px solid #e7e7e7; padding-top: 20px; height: auto; min-height: 110px; } .expert-team-content li { box-shadow: 2px 2px 8px #d3d3d3; margin: 20px 0; min-height: 195px; padding: 10px; } .expert-team-content li .expertAvator img { height: 175px; } .expert-team-content .zjjs { padding-left: 120px; } .expert-team-content .zjjs .zjZc { padding-left: 10px; color: #ef9910; } .expert-team-content .zjjs .zjName { padding-top: 10px; } .expert-team-content .zjjs .knowMore button { font-size: 12px; height: 30px; line-height: 11px; } .expert-team-content .zjjs .knowMore { padding: 0 20px; } .md-content .news-detail { padding-left: 0; } .md-content .news-title { padding-left: 0; } .side-btn a { text-decoration: none; color: #fff; } .zxrxWrap { background: url("/skin/images/phone.png") left center/50px 50px no-repeat; } .contactUs-list { padding: 20px 0 10px 70px; font-size: 14px; } .zxrxTel { color: #850418; font-size: 30px; } .contactUs-ct { width: 100%; } .jobInfo { width: 100%; border: 0; margin: 0px auto; font-size: 12px; margin-top: 10px; } .jobInfo caption { background-color: #F1E9D6; padding: 10px; } .jobInfo td { padding: 10px 0; } .en { font-size: 18px; } @media (max-width: 998px) { .news { margin: 10px 0 10px 0; padding: 0; } .news img { display: none; } .main-news { padding: 10px 5px; } .newsInfo { width: 100%; } .news-main-content { padding: 10px; } .navigation { margin: 10px 0; } } @media (max-width: 768px) { .expert-team-content .zjDetailA { display: none; } .topInfo { display: none; } .logo { width: 295px; height: 60px; margin-left: 20px; } .hours24 { display: none; } .nav-lists { display: none; } .right-menu { display: block; line-height: 60px; padding-right: 20px; } .right-menu .glyphicon-align-justify { color: #751a1a; font-size: 32px; top: 10px; } .right-menu-list { display: none; position: absolute; right: 0; top: 80px; z-index: 222; background-color: #751a1a; width: 200px; padding: 0 10px; } .right-menu-list li { padding: 20px; border-bottom: 0.2px solid #ebebeb; } .right-menu-list li a { color: #fff; display: block; } .right-menu-list li a:hover { color: #fff; } .news { margin: 10px 0 10px 0; padding: 0; } .news img { display: none; } .main-news { padding: 10px 5px; } .newsInfo { width: 100%; } .news-main-content { padding: 10px; } .navigation { margin: 0 0 10px 0; } .ksImg { display: none; } .navigationWrap { padding: 10px } .zj-list img { width: 40% } .zj-list img:hover { opacity: 0.8; } .zj-list .zjjs:first-of-type { display: block; } .zj-list-pc { display: none; } .zj-list-app { display: block; } .zj-list .zjjs { width: 60%; display: block; background-color: #fff; } .footer { background-color: #850418; color: #ffffff; padding: 20px 0; font-size: 12px; } .footer img { width: 90px; height: auto; } .footerInfo { line-height: 16px; padding-left: 10px; margin-left: 10px; } .footerInfo p { font-size: 13px; line-height: 27px; } .focusme { display: none; } .ssContent { padding-top: 0; } .side-bar { width: 100%; margin-bottom: 0; } .side-bar .title-left { display: none; } .side-bar ul { width: 100%; } .side-bar ul li { margin: 8px 8px 0 8px; border-left: 1px solid #e5e5e5; padding: 0 10px; } .childrenList li { float: left; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; background-color: #fafafa; } .childrenList li a { display: block; height: 100%; color: #666; text-decoration: none; font-size: 14px; padding: 12px 10px; } .marginTB10 { margin: 10px 0; } .side-bar .side-btn { cursor: pointer; padding-left: 62px; background: #850418 url("/skin/images/about_05.jpg") 20px center/30px no-repeat; } .main-content { padding-left: 16px; clear: both; } .content-title { display: none; } .ksWrap { width: 100%; } .ks { padding: 0 2px; } } .top-banner { width: 100%; display: block; } /* 搴曢儴杞挱 */ .video-item { margin-bottom: 10px; } .video-item h2, .video-item h2 a { font-size: 15px; line-height: 1.4; color: #5f5f5f; margin: 0 0 10px 0; } .video-item h2 a:hover, .video-item h3 a:hover { text-decoration: none; color: #4141a0; } .video-item .item-thumbnail { position: relative; overflow: hidden; max-height: 100%; } .video-item .item-thumbnail>a { display: block; } /*video thumb sizing*/ .video-item .item-thumbnail img { max-width: 100%; width: 100%; } .video-item .item-thumbnail .rating-bar { position: absolute; top: 0; left: 0; font-size: 15px; line-height: 30px; padding: 0 8px; } .video-item .item-thumbnail .link-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0); -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .video-item .item-thumbnail .link-overlay:before { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -18px; border-radius: 50%; background: transparent; text-align: center; font: 14px/40px 'FontAwesome'; transform: scale(0.8); opacity: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; text-decoration: none; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, .75); color: #fff; } @media(min-width:768px) { .video-item .item-thumbnail:hover .link-overlay { background: rgba(20, 22, 23, 0.75); text-decoration: none; } .video-item .item-thumbnail:hover .link-overlay:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; text-decoration: none; } } .video-item .item-meta { color: #c6c6c6; } .video-item .item-meta [class^="fa-"], .video-item .item-meta [class*=" fa-"] { font-size: 14px; } .video-item .item-meta span { line-height: 21px; margin-right: 20px; } .video-item .item-meta span>i { margin-right: 2px; } /*CONTENT*/ #content { margin-top: 30px; margin-bottom: 30px; } .content-404 { text-align: center; } .content-404 h1 { font-size: 130px; } /*big carousel*/ #head-carousel { background: #fff; color: #fff; } #head-carousel .container { padding-top: 0; } #head-carousel .video-item { float: left; margin: 0 1px 0 0; width: 520px; height: 130px; opacity: .5; transition: all .3s ease-in .1s; } #head-carousel .video-item .item-head a { color: #fff; } #head-carousel .video-item .item-head span a { text-transform: uppercase; } #head-carousel .current-carousel-item2 { opacity: 1; } #head-carousel .video-item .item-head { text-align: center; padding-bottom: 20px; background: none; } #head-carousel #big-carousel .video-item .item-thumbnail img { opacity: .85; } #head-carousel .video-item .item-head h3 a { font-size: 52px; line-height: 1.4em; text-transform: uppercase; font-family: 'Oswald'; font-weight: 300; text-shadow: 1px 2px 2px rgba(0, 0, 0, .2); } #head-carousel .is-carousel { position: relative; margin: 0px; height: 293px; overflow: hidden; } #head-carousel .is-carousel .carousel-button { position: absolute; opacity: 0; transition: all .2s ease; left: 40px; right: 40px; top: 50%; margin-top: -20px; z-index: 3; height: 0; } #head-carousel .is-carousel .carousel-content { position: absolute; z-index: 0; height: 130px; overflow: hidden; } #head-carousel .is-carousel .carousel-button a { width: 40px; height: 40px; line-height: 40px; text-align: center; border-style: solid; border-width: 1px; border-radius: 3px; font-size: 18px; } #head-carousel .is-carousel .carousel-button a:hover { text-decoration: none; } #head-carousel .is-carousel .carousel-button .prev { float: left; } #head-carousel .is-carousel .carousel-button .next { float: right; } #head-carousel .shadow-left { position: absolute; opacity: 0; transition: all .2s ease; z-index: 2; top: 0; bottom: 0; left: 0; width: 120px; background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+*/ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+*/ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+*/ background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+*/ background: -ms-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+*/ background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); /* W3C*/ } #head-carousel .shadow-right { position: absolute; opacity: 0; transition: all .2s ease; z-index: 2; top: 0; bottom: 0; right: 0; width: 120px; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6+*/ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome,Safari4+*/ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+*/ background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+*/ background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); /* IE10+*/ background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); /* W3C*/ } #head-carousel:hover #big-carousel .carousel-button, #head-carousel #big-carousel:hover .shadow-right, #head-carousel:hover #big-carousel .shadow-left { opacity: 1; } @media (max-width: 767px) { #head-carousel .shadow-left, #head-carousel .shadow-right { width: 60px; } #head-carousel .container { padding: 0; } } @media (max-width: 660px) { #head-carousel .shadow-left, #head-carousel .shadow-right { width: 30px; } } @media (max-width: 520px) { #head-carousel .shadow-left, #head-carousel .shadow-right { width: 0px; } .comment-content { float: left; position: relative; margin-left: 0; margin-top: 0; } .author-current { display: none; } .comment-respond .comment-form { margin-left: 0; position: relative } /*.comment-respond .comment-form .comment-form-comment{margin-top:150px}*/ /* <== why we need this?*/ .comment-respond .comment-form .row { /*position:absolute;top:0;*/ margin: 0 0 0 0; width: 100% } .comment-respond .comment-form .col-md-4 { padding: 0 0 0 0 } .comment-respond .comment-form .col-md-4 p input { width: 100%; } } /*metro header*/ #head-carousel #metro-carousel .video-item { opacity: 1; width: auto; } #head-carousel #metro-carousel .video-item>.video-item { width: 260px; height: 146px; margin: 0; clear: both; } #head-carousel #metro-carousel .video-item>.video-item:first-child { margin-bottom: 1px; } #head-carousel #metro-carousel .video-item>.video-item .item-head { text-align: inherit; padding-bottom: 5px; } #head-carousel #metro-carousel .video-item>.video-item .item-head h3 a { font-size: 17.5px; } #head-carousel #metro-carousel.is-carousel .carousel-button, #head-carousel #big-carousel.is-carousel .carousel-button { position: absolute; left: 0px; right: 0px; top: 0; margin-top: 0; z-index: 2; height: 0; opacity: 0; transition: all .2s ease; } #head-carousel #metro-carousel.is-carousel:hover .carousel-button, #head-carousel #big-carousel.is-carousel:hover .carousel-button { opacity: 1; } #head-carousel #metro-carousel.is-carousel .carousel-button a, #head-carousel #big-carousel.is-carousel .carousel-button a { border: none; border-radius: 0; height: 200px; line-height: 200px; color: inherit; } #head-carousel #metro-carousel.is-carousel .carousel-button a:hover, #head-carousel #big-carousel.is-carousel .carousel-button a:hover { color: #f9c73d; } #head-carousel .is-carousel { height: 200px; } #head-carousel .video-item { width: 711.11111111111px; height: 200px; padding: 10px; } #head-carousel #metro-carousel .video-item .item-thumbnail img { width: 711.11111111111px; } #head-carousel #metro-carousel .video-item>.video-item { width: 355.55555555556px; height: 200px; } #head-carousel #metro-carousel.is-carousel .carousel-button a, #head-carousel #big-carousel.is-carousel .carousel-button a { height: 230px; line-height: 230px; } .c_ebizads_banner-77002 { width: 100%; height: 400px; overflow: hidden } .cubeRandom { width: 100% !important; height: 100% !important } #topmenu ul { margin: 0; padding: 0 } #topmenu ul li { float: left; font-size: 12px; list-style: none; background: #222; position: relative; text-align: center; text-transform: uppercase; width: 70px; margin: 0 10px; display: inline; line-height: 30px } #topmenu ul li a { color: #aaa; text-decoration: none } #topmenu ul li a:hover { color: #fff } #topmenu ul li.active a { color: #fff; font-weight: 800 } .box_skitter { position: relative; width: 100%; height: 100%; background: #fff } .box_skitter img { max-width: none; } .box_skitter ul { display: none } .box_skitter .container_skitter { overflow: hidden; position: relative } .box_skitter .image { overflow: hidden; } .box_skitter .image img { display: none } .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20 } .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20 } .box_skitter .prev_button { position: absolute; top: 50%; left: 35px; z-index: 152; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s } .box_skitter .next_button { position: absolute; top: 50%; right: 35px; z-index: 152; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s } .box_skitter .prev_button:hover, .box_skitter .next_button:hover { opacity: .5 !important } .box_skitter .info_slide { position: absolute; top: 15px; left: 15px; z-index: 100; background: #000; color: #fff; font: bold 11px arial; padding: 5px 0 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: .75 } .box_skitter .info_slide .image_number { background: #333; float: left; padding: 2px 10px; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s } .box_skitter .info_slide .image_number:hover { background: #000 } .box_skitter .info_slide .image_number_select, .box_skitter .info_slide .image_number_select:hover { background: #c33; float: left; padding: 2px 10px; margin: 0 5px 0 0 } .box_skitter .container_thumbs { position: relative; overflow: hidden; height: 50px } .box_skitter .info_slide_thumb { height: 50px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; overflow: hidden; top: auto; top: 0; left: 0; padding: 0 !important; opacity: 1.0 } .box_skitter .info_slide_thumb .image_number { overflow: hidden; width: 100px; height: 50px; position: relative; margin: 0 !important; padding: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important } .box_skitter .info_slide_thumb .image_number img { position: absolute; top: -30px; left: -30px; height: 100px } .box_skitter .box_scroll_thumbs { padding: 0 } .box_skitter .box_scroll_thumbs .scroll_thumbs { position: absolute; bottom: 60px; left: 50px; background: #ccc; background: -moz-linear-gradient(-90deg, #555, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff)); width: 200px; height: 10px; overflow: hidden; text-indent: -9999em; z-index: 101; cursor: pointer; border: 0px solid #333 } .box_skitter .info_slide_dots { position: absolute; bottom: -40px; z-index: 151; padding: 5px 0 5px 5px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px } .box_skitter .info_slide_dots .image_number { background: #333; float: left; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; width: 18px; height: 18px; text-indent: -9999em; overflow: hidden; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s } .box_skitter .info_slide_dots .image_number:hover { background: #000 } .box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover { background: #c33; float: left; margin: 0 5px 0 0 } .loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url("/skin/images/cgi9flhp-fcerbvjaaaaaolpojy201.gif") no-repeat left top; width: 32px; height: 32px } .box_skitter .label_skitter { z-index: 150; position: absolute; bottom: 0px; left: 0px; display: none !important } .box_skitter .label_skitter { z-index: 150; position: absolute; bottom: 0px; left: 0px; color: #fff; display: none; opacity: .4; background: #000 } .box_skitter .label_skitter p { padding: 10px; margin: 0; font: normal 16px arial, tahoma; letter-spacing: -1px } .box_skitter .progressbar { background: #000; position: absolute; top: 5px; left: 15px; height: 5px; width: 200px; z-index: 99; border-radius: 20px } .box_skitter .preview_slide { display: none; position: absolute; z-index: 152; bottom: 30px; left: -40px; width: 100px; height: 100px; background: #fff; border: 1px solid #222; -moz-box-shadow: rgba(0, 0, 0, 0.7) 2px 2px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.7) 2px 2px 5px; box-shadow: rgba(0, 0, 0, 0.7) 2px 2px 5px; overflow: hidden } .box_skitter .preview_slide ul { height: 100px !important; overflow: hidden !important; margin: 0 !important; list-style: none !important; display: block !important; position: absolute !important; top: 0; left: 0 } .box_skitter .preview_slide ul li { width: 100px !important; height: 100px !important; overflow: hidden !important; float: left !important; margin: 0 !important; padding: 0 !important; position: relative !important; display: block !important } .box_skitter .preview_slide ul li img { position: absolute !important; top: 0 !important; left: 0 !important; height: 150px !important; width: auto !important } #overlay_skitter { position: absolute; top: 0; left: 0; width: 100%; z-index: 9998; opacity: 1; background: #000 } .box_skitter .focus_button { position: absolute; top: 50%; z-index: 100; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; opacity: 0; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s } .box_skitter .play_pause_button { position: absolute; top: 50%; z-index: 151; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; opacity: 0; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s } .box_skitter .play_pause_button:hover { opacity: .5 !important } .box_skitter .focus_button:hover { opacity: .5 !important } .box_skitter_large { width: 100%; height: 100% } .box_skitter_small { width: 200px; height: 100px } .box_skitter .focus_button, .box_skitter .next_button, .box_skitter .prev_button, .box_skitter .play_pause_button { display: block; background: url("/skin/images/sprite-default.png") no-repeat } .box_skitter .next_button { background-position: -0px -42px; width: 42px; height: 42px } .box_skitter .prev_button { background-position: -42px -42px; width: 42px; height: 42px } .box_skitter .play_pause_button { background-position: -0px -0px; width: 42px; height: 42px } .box_skitter .play_pause_button.play_button { background-position: -0px -84px; width: 42px; height: 42px } .box_skitter .focus_button { background-position: -42px -0px; width: 42px; height: 42px } .skitter-minimalist .prev_button, .skitter-minimalist .next_button, .skitter-minimalist .play_pause_button, .skitter-minimalist .focus_button { display: block; background: url("/skin/images/sprite-minimalist.png") no-repeat !important } .skitter-minimalist .prev_button { background-position: -0px -0px !important; width: 24px !important; height: 28px !important; left: -45px !important } .skitter-minimalist .next_button { background-position: -0px -28px !important; width: 24px !important; height: 28px !important; right: -45px !important } .skitter-minimalist .play_pause_button { background-position: -0px -74px !important; width: 18px !important; height: 18px !important } .skitter-minimalist .play_pause_button.play_button { background-position: -0px -56px !important; width: 18px !important; height: 18px !important } .skitter-minimalist .focus_button { background-position: -0px -92px !important; width: 18px !important; height: 18px !important } .skitter-minimalist .info_slide { background: transparent } .skitter-minimalist .info_slide .image_number { background: #000; box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0; font-size: 12px; font-weight: normal } .skitter-minimalist .info_slide .image_number:hover { background: #111 } .skitter-minimalist .info_slide .image_number_select, .skitter-minimalist .info_slide .image_number_select:hover { background: #c33 } .skitter-minimalist .info_slide_dots .image_number { width: 14px; height: 14px; box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0 } .skitter-round .prev_button, .skitter-round .next_button, .skitter-round .play_pause_button, .skitter-round .focus_button { display: block; background: url("/skin/images/sprite-round.png") no-repeat } .skitter-round .prev_button { background-position: -0px -0px; width: 23px; height: 47px; left: -23px } .skitter-round .next_button { background-position: -23px -0px; width: 23px; height: 47px; right: -23px } .skitter-round .next_button:hover, .skitter-round .prev_button:hover { opacity: 1 } .skitter-round .play_pause_button { background-position: -0px -70px; width: 47px; height: 23px; top: 24px; left: 24px !important } .skitter-round .play_pause_button.play_button { background-position: -0px -47px; width: 47px; height: 23px; top: 24px } .skitter-round .focus_button { background-position: -0px -93px; width: 47px; height: 23px; top: 24px; left: 82px !important } .skitter-round .info_slide { background: transparent } .skitter-round .info_slide .image_number { background: #999; box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0; font-size: 12px; font-weight: normal } .skitter-round .info_slide .image_number:hover { background: #333 } .skitter-round .info_slide .image_number_select, .skitter-round .info_slide .image_number_select:hover { background: #111 } .skitter-round .info_slide_dots .image_number { width: 14px; height: 14px; box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0; background: #999 } .skitter-round .info_slide_dots .image_number:hover { background: #333 } .skitter-round .info_slide_dots .image_number_select, .skitter-round .info_slide_dots .image_number_select:hover { background: #111 } .skitter-round .progressbar { top: -10px; left: 0px; background: #333; box-shadow: rgba(255, 255, 255, 0.3) 1px 1px 0 } .skitter-clean .prev_button, .skitter-clean .next_button, .skitter-clean .play_pause_button, .skitter-clean .focus_button { display: block; background: url("/skin/images/cgi9fvhp-wcemzy_aaaaaoed_b0097.png") no-repeat } .skitter-clean .prev_button { background-position: 0px 0px; width: 47px; height: 46px } .skitter-clean .next_button { background-position: 0px -46px; width: 47px; height: 46px } .skitter-clean .play_pause_button { background-position: -0px -133px; width: 41px; height: 41px } .skitter-clean .play_pause_button.play_button { background-position: -0px -92px; width: 41px; height: 41px } .skitter-clean .focus_button { background-position: -0px -174px; width: 41px; height: 41px } .skitter-clean .info_slide { background: transparent } .skitter-clean .info_slide .image_number { background: #fff; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0; font-size: 12px; font-weight: normal; color: #333 } .skitter-clean .info_slide .image_number:hover { background: #ccc } .skitter-clean .info_slide .image_number_select, .skitter-clean .info_slide .image_number_select:hover { background: #111; color: #fff } .skitter-clean .info_slide_dots { bottom: 10px; background: rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0 } .skitter-clean .info_slide_dots .image_number { width: 14px; height: 14px; background: #999 } .skitter-clean .info_slide_dots .image_number:hover { background: #333 } .skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover { background: #111 } .skitter-clean .progressbar { top: 5px; left: 5px; background: #fff; box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0 } .skitter-square .play_pause_button, .skitter-square .next_button, .skitter-square .focus_button, .skitter-square .prev_button { display: block; background: url("/skin/images/sprite-square.png") no-repeat } .skitter-square .play_pause_button { background-position: -55px -0px; width: 55px; height: 55px; top: 10px !important; left: 10px !important; bottom: auto !important; right: auto !important; margin-top: 0 } .skitter-square .play_pause_button.play_button { background-position: -0px -0px; width: 55px; height: 55px } .skitter-square .focus_button { background-position: -55px -55px; width: 55px; height: 55px; top: 10px !important; left: 65px !important; bottom: auto !important; right: auto !important; margin-top: 0 } .skitter-square .next_button { background-position: -0px -55px; width: 55px; height: 55px; top: auto; left: auto; bottom: 10px; right: 10px } .skitter-square .prev_button { background-position: -0px -110px; width: 55px; height: 55px; top: auto; left: auto; bottom: 10px; right: 65px } .skitter-square .info_slide { background: transparent } .skitter-square .info_slide .image_number { background: #fff; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0; font-size: 12px; font-weight: normal; color: #333 } .skitter-square .info_slide .image_number:hover { background: #ccc } .skitter-square .info_slide .image_number_select, .skitter-square .info_slide .image_number_select:hover { background: #111; color: #fff } .skitter-square .info_slide_dots .image_number { width: 14px; height: 14px; box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0; background: #ccc } .skitter-square .info_slide_dots .image_number:hover { background: #999 } .skitter-square .info_slide_dots .image_number_select, .skitter-square .info_slide_dots .image_number_select:hover { background: #555 } .skitter-square .progressbar { top: 0 !important; left: 0 !important; width: 100%; background: #fff; border-radius: 0; height: 2px } .c_ebizads_banner-77002 .p_MatteIcon .iconfont:before { content: '\e602' } .w_rbox-001 { position: absolute; width: 300px; height: 300px } .w_rbox-001 .p_stylebox { width: 100% } .w_rbox-001 .p_MatteIcon .iconfont:before { content: '\e602' } .w_rbox-001>div { animation-fill-mode: both }