Wowslider.CSS样式模板库

admin · 发表于 2018-11-20 21:30:36

Animated.css
@import url(https://fonts.googleapis.com/css?family=Inder&subset=latin,latin-ext);
@font-face {
font-family: 'ws-ctrl-animated';
src: url('ws-ctrl-animated.eot');
src: url('ws-ctrl-animated.eot#iefix') format('embedded-opentype'),
            url('ws-ctrl-animated.svg#ws-ctrl-animated') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ws-ctrl-animated';
src: url('data:application/octet-stream;base64,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') format('woff'),
url('data:application/octet-stream;base64,AAEAAAAOAIAAAwBgT1MvMj2hR7AAAADsAAAAVmNtYXDQFBm3AAABRAAAAUpjdnQgAAAAAAAAB/AAAAAKZnBnbYiQkFkAAAf8AAALcGdhc3AAAAAQAAAH6AAAAAhnbHlmx5jaWgAAApAAAAE6aGVhZARerZUAAAPMAAAANmhoZWEGNgNXAAAEBAAAACRobXR4DToAAAAABCgAAAAUbG9jYQCWAO8AAAQ8AAAADG1heHAAlQucAAAESAAAACBuYW1lB+D+xAAABGgAAAMtcG9zdBNiUK0AAAeYAAAAUHByZXDdawOFAAATbAAAAHsAAQKlAZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAwNS/2oAWgLLAA8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoA///AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAChgJiABQABrMPCgEtKwEyFhQGJyEXFhQGIi8BNzYyFhQPAQJTFR4eFf51dw8eLA/19Q8sHg93AZMgKiABdw8sHg/19Q8eLA92AAAB//8AAAKGAmIAFQAGswYBAS0rATYyHwEHBiImND8BISIuATY3IScmNAFIDyoQ9fUPKx4PeP51Fh4CIhQBi3gPAlMPD/X1Dx4sD3ceLB4Bdg8sAAABAAD/8QIJAssACwAGswgBAS0rNwYiJicRNDY3MhcBsh5XPAE+KiweAVcPHj4rAggsPAEe/rEAAAL//wAAAj0ClwAMABkACLUTDQYAAi0rEzIWFxEUBiImNxE0NiEyFhURFAYiJjURNDZoLDwBPlY+ATwBmSw8PFg8PAKXPir+Xio+PCwBoiw8PCz+Xis8PCsBoiw8AAAAAAEAAAABAAAky4RiXw889QALA+gAAAAA0V1KEgAAAADRXR/i////8QKGAssAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP//AocAAQAAAAAAAAAAAAAAAAAAAAUD6AAAAoYAAAKGAAACCQAAAj0AAAAAAAAAKABSAG4AnQABAAAABQAaAAIAAAAAAAIAAAAQAHMAAAAaC3AAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEAEAA1AAEAAAAAAAIABwBFAAEAAAAAAAMAEABMAAEAAAAAAAQAEABcAAEAAAAAAAUACwBsAAEAAAAAAAYAEAB3AAEAAAAAAAoAKwCHAAEAAAAAAAsAEwCyAAMAAQQJAAAAagDFAAMAAQQJAAEAIAEvAAMAAQQJAAIADgFPAAMAAQQJAAMAIAFdAAMAAQQJAAQAIAF9AAMAAQQJAAUAFgGdAAMAAQQJAAYAIAGzAAMAAQQJAAoAVgHTAAMAAQQJAAsAJgIpQ29weXJpZ2h0IChDKSAyMDE1IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb213cy1jdHJsLWFuaW1hdGVkUmVndWxhcndzLWN0cmwtYW5pbWF0ZWR3cy1jdHJsLWFuaW1hdGVkVmVyc2lvbiAxLjB3cy1jdHJsLWFuaW1hdGVkR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AQwBvAHAAeQByAGkAZwBoAHQAIAAoAEMAKQAgADIAMAAxADUAIABiAHkAIABvAHIAaQBnAGkAbgBhAGwAIABhAHUAdABoAG8AcgBzACAAQAAgAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAHcAcwAtAGMAdAByAGwALQBhAG4AaQBtAGEAdABlAGQAUgBlAGcAdQBsAGEAcgB3AHMALQBjAHQAcgBsAC0AYQBuAGkAbQBhAHQAZQBkAHcAcwAtAGMAdAByAGwALQBhAG4AaQBtAGEAdABlAGQAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAcwAtAGMAdAByAGwALQBhAG4AaQBtAGEAdABlAGQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAQIBAwEEAQUKbGVmdC1zbWFsbAtyaWdodC1zbWFsbARwbGF5BXBhdXNlAAAAAQAB//8ADwAAAAAAAAAAAAAAALAALCCwAFVYRVkgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbkIAAgAY2MjYhshIbAAWbAAQyNEsgABAENgQi2wASywIGBmLbACLCBkILDAULAEJlqyKAEKQ0VjRVJbWCEjIRuKWCCwUFBYIbBAWRsgsDhQWCGwOFlZILEBCkNFY0VhZLAoUFghsQEKQ0VjRSCwMFBYIbAwWRsgsMBQWCBmIIqKYSCwClBYYBsgsCBQWCGwCmAbILA2UFghsDZgG2BZWVkbsAErWVkjsABQWGVZWS2wAywgRSCwBCVhZCCwBUNQWLAFI0KwBiNCGyEhWbABYC2wBCwjISMhIGSxBWJCILAGI0KxAQpDRWOxAQpDsABgRWOwAyohILAGQyCKIIqwASuxMAUlsAQmUVhgUBthUllYI1khILBAU1iwASsbIbBAWSOwAFBYZVktsAUssAdDK7IAAgBDYEItsAYssAcjQiMgsAAjQmGwAmJmsAFjsAFgsAUqLbAHLCAgRSCwC0NjuAQAYiCwAFBYsEBgWWawAWNgRLABYC2wCCyyBwsAQ0VCKiGyAAEAQ2BCLbAJLLAAQyNEsgABAENgQi2wCiwgIEUgsAErI7AAQ7AEJWAgRYojYSBkILAgUFghsAAbsDBQWLAgG7BAWVkjsABQWGVZsAMlI2FERLABYC2wCywgIEUgsAErI7AAQ7AEJWAgRYojYSBksCRQWLAAG7BAWSOwAFBYZVmwAyUjYUREsAFgLbAMLCCwACNCsgsKA0VYIRsjIVkqIS2wDSyxAgJFsGRhRC2wDiywAWAgILAMQ0qwAFBYILAMI0JZsA1DSrAAUlggsA0jQlktsA8sILAQYmawAWMguAQAY4ojYbAOQ2AgimAgsA4jQiMtsBAsS1RYsQRkRFkksA1lI3gtsBEsS1FYS1NYsQRkRFkbIVkksBNlI3gtsBIssQAPQ1VYsQ8PQ7ABYUKwDytZsABDsAIlQrEMAiVCsQ0CJUKwARYjILADJVBYsQEAQ2CwBCVCioogiiNhsA4qISOwAWEgiiNhsA4qIRuxAQBDYLACJUKwAiVhsA4qIVmwDENHsA1DR2CwAmIgsABQWLBAYFlmsAFjILALQ2O4BABiILAAUFiwQGBZZrABY2CxAAATI0SwAUOwAD6yAQEBQ2BCLbATLACxAAJFVFiwDyNCIEWwCyNCsAojsABgQiBgsAFhtRAQAQAOAEJCimCxEgYrsHIrGyJZLbAULLEAEystsBUssQETKy2wFiyxAhMrLbAXLLEDEystsBgssQQTKy2wGSyxBRMrLbAaLLEGEystsBsssQcTKy2wHCyxCBMrLbAdLLEJEystsB4sALANK7EAAkVUWLAPI0IgRbALI0KwCiOwAGBCIGCwAWG1EBABAA4AQkKKYLESBiuwcisbIlktsB8ssQAeKy2wICyxAR4rLbAhLLECHistsCIssQMeKy2wIyyxBB4rLbAkLLEFHistsCUssQYeKy2wJiyxBx4rLbAnLLEIHistsCgssQkeKy2wKSwgPLABYC2wKiwgYLAQYCBDI7ABYEOwAiVhsAFgsCkqIS2wKyywKiuwKiotsCwsICBHICCwC0NjuAQAYiCwAFBYsEBgWWawAWNgI2E4IyCKVVggRyAgsAtDY7gEAGIgsABQWLBAYFlmsAFjYCNhOBshWS2wLSwAsQACRVRYsAEWsCwqsAEVMBsiWS2wLiwAsA0rsQACRVRYsAEWsCwqsAEVMBsiWS2wLywgNbABYC2wMCwAsAFFY7gEAGIgsABQWLBAYFlmsAFjsAErsAtDY7gEAGIgsABQWLBAYFlmsAFjsAErsAAWtAAAAAAARD4jOLEvARUqLbAxLCA8IEcgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLAAQ2E4LbAyLC4XPC2wMywgPCBHILALQ2O4BABiILAAUFiwQGBZZrABY2CwAENhsAFDYzgtsDQssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIzAQEVFCotsDUssAAWsAQlsAQlRyNHI2GwCUMrZYouIyAgPIo4LbA2LLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsAJiILAAUFiwQGBZZrABY2AgsAErIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbACYiCwAFBYsEBgWWawAWNhIyAgsAQmI0ZhOBsjsAhDRrACJbAIQ0cjRyNhYCCwBEOwAmIgsABQWLBAYFlmsAFjYCMgsAErI7AEQ2CwASuwBSVhsAUlsAJiILAAUFiwQGBZZrABY7AEJmEgsAQlYGQjsAMlYGRQWCEbIyFZIyAgsAQmI0ZhOFktsDcssAAWICAgsAUmIC5HI0cjYSM8OC2wOCywABYgsAgjQiAgIEYjR7ABKyNhOC2wOSywABawAyWwAiVHI0cjYbAAVFguIDwjIRuwAiWwAiVHI0cjYSCwBSWwBCVHI0cjYbAGJbAFJUmwAiVhuQgACABjYyMgWGIbIVljuAQAYiCwAFBYsEBgWWawAWNgIy4jICA8ijgjIVktsDossAAWILAIQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbA7LCMgLkawAiVGUlggPFkusSsBFCstsDwsIyAuRrACJUZQWCA8WS6xKwEUKy2wPSwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xKwEUKy2wPiywNSsjIC5GsAIlRlJYIDxZLrErARQrLbA/LLA2K4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrErARQrsARDLrArKy2wQCywABawBCWwBCYgLkcjRyNhsAlDKyMgPCAuIzixKwEUKy2wQSyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2GwAiVGYTgjIDwjOBshICBGI0ewASsjYTghWbErARQrLbBCLLA1Ky6xKwEUKy2wQyywNishIyAgPLAEI0IjOLErARQrsARDLrArKy2wRCywABUgR7AAI0KyAAEBFRQTLrAxKi2wRSywABUgR7AAI0KyAAEBFRQTLrAxKi2wRiyxAAEUE7AyKi2wRyywNCotsEgssAAWRSMgLiBGiiNhOLErARQrLbBJLLAII0KwSCstsEossgAAQSstsEsssgABQSstsEwssgEAQSstsE0ssgEBQSstsE4ssgAAQistsE8ssgABQistsFAssgEAQistsFEssgEBQistsFIssgAAPistsFMssgABPistsFQssgEAPistsFUssgEBPistsFYssgAAQCstsFcssgABQCstsFgssgEAQCstsFkssgEBQCstsFossgAAQystsFsssgABQystsFwssgEAQystsF0ssgEBQystsF4ssgAAPystsF8ssgABPystsGAssgEAPystsGEssgEBPystsGIssDcrLrErARQrLbBjLLA3K7A7Ky2wZCywNyuwPCstsGUssAAWsDcrsD0rLbBmLLA4Ky6xKwEUKy2wZyywOCuwOystsGgssDgrsDwrLbBpLLA4K7A9Ky2waiywOSsusSsBFCstsGsssDkrsDsrLbBsLLA5K7A8Ky2wbSywOSuwPSstsG4ssDorLrErARQrLbBvLLA6K7A7Ky2wcCywOiuwPCstsHEssDorsD0rLbByLLMJBAIDRVghGyMhWUIrsAhlsAMkUHiwARUwLQBLuADIUlixAQGOWbABuQgACABjcLEABUKxAAAqsQAFQrEACCqxAAVCsQAIKrEABUK5AAAACSqxAAVCuQAAAAkqsQMARLEkAYhRWLBAiFixA2REsSYBiFFYugiAAAEEQIhjVFixAwBEWVlZWbEADCq4Af+FsASNsQIARAA=') format('truetype');
}
#wowslider-container1 {
      display: table;
      zoom: 1;
      position: relative;
      width: 100%;
      max-width: 100%;
      max-height:800px;
      margin:0px auto 0px;
      z-index:90;
      text-align:left;
      font-size: 10px;
      text-shadow: none;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
}
* html #wowslider-container1{ width:1920px }
#wowslider-container1 .ws_images ul{
      position:relative;
      width: 10000%;
      height:100%;
      left:0;
      list-style:none;
      margin:0;
      padding:0;
      border-spacing:0;
      overflow: visible;
}
#wowslider-container1 .ws_images ul li{
      position: relative;
      width:1%;
      height:100%;
      line-height:0;
      overflow: hidden;
      float:left;
      padding:0 0 0 0 !important;
      margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
      position: relative;
      left:0;
      top:0;
      height:100%;
      max-height:800px;
      max-width: 100%;
      vertical-align: top;
      border:none;
      overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
      width:100%;
      height:100%;
      max-height:800px;
      display:block;
      color:transparent;
}
#wowslider-container1 img{
      max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
      width:100%;
      border:none 0;
      max-width: none;
      padding:0;
      margin:0;
}
#wowslider-container1 .ws_images > div > img {
      max-height:800px;
}

#wowslider-container1 .ws_images iframe {
      position: absolute;
      z-index: -1;
}

#wowslider-container1 .ws-title > div {
      display: inline-block !important;
}

#wowslider-container1 a{
      text-decoration: none;
      outline: none;
      border: none;
}

#wowslider-container1  .ws_bullets {
      float: left;
      position:absolute;
      z-index:70;
}
#wowslider-container1  .ws_bullets div{
      position:relative;
      float:left;
      font-size: 0px;
}

#wowslider-container1  .ws_bullets a {
      line-height: 0;
}

#wowslider-container1  .ws_script{
      display:none;
}
#wowslider-container1 sound,
#wowslider-container1 object{
      position:absolute;
}

#wowslider-container1 .ws_effect {
      position: static;
      width: 100%;
      height: 100%;
}

#wowslider-container1 .ws_photoItem {
      border: 2em solid #fff;
      margin-left: -2em;
      margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
      background: #A6A5A9;
}

#wowslider-container1.ws_gestures {
      cursor: -webkit-grab;
      cursor: -moz-grab;
      cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
      cursor: -webkit-grabbing;
      cursor: -moz-grabbing;
      cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev {
      display: none;
}

#wowslider-container1 .ws_video_btn {
      position: absolute;
      display: none;
      cursor: pointer;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
      display: block;
}
#wowslider-container1 .ws_video_btn div {
      position: absolute;
      background-image: url(./playvideo.png);
      background-size: 200%;
      top: 50%;
      left: 50%;
      width: 7em;
      height: 5em;
      margin-left: -3.5em;
      margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
      background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
      background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
      background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
      background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
      display: none !important;
}

#wowslider-container1  .ws_bullets {
      padding: 10px;
}
#wowslider-container1 .ws_bullets a {
      position:relative;
      display: inline-block;
      margin: 4px 10px;
      padding: 7px;
      width: 0;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-shadow: 0 0 0 2px #fff;
      -moz-box-shadow: 0 0 0 2px #fff;
      box-shadow: 0 0 0 2px #fff;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}
#wowslider-container1 .ws_bullets a:hover:after{
      background-color: #60cac0;
}
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{
      background-color: #fff;
      -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,0.3);
      -moz-box-shadow: 0 0 0 3px rgba(255,255,255,0.3);
      box-shadow: 0 0 0 3px rgba(255,255,255,0.3);
}
#wowslider-container1 .ws_bullets a.ws_selbull:after,
#wowslider-container1 .ws_bullets a.ws_overbull:after{
      position: absolute;
      content:'';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #60cac0;

      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;

      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;

      -webkit-transform:scale(0.4);
      -moz-transform:scale(0.4);
      -o-transform:scale(0.4);
      transform:scale(0.4);
}
@-webkit-keyframes nextArrow {
      49% { -webkit-transform: translate(100%); }
      50% { opacity: 0; -webkit-transform: translate(-100%); }
      51% { opacity: 1; }
}
@-moz-keyframes nextArrow {
      49% { -moz-transform: translate(100%); }
      50% { opacity: 0; -moz-transform: translate(-100%); }
      51% { opacity: 1; }
}
@keyframes nextArrow {
      49% { transform: translate(100%); }
      50% { opacity: 0; transform: translate(-100%); }
      51% { opacity: 1; }
}

@-webkit-keyframes prevArrow {
      49% { -webkit-transform: translate(-100%); }
      50% { opacity: 0; -webkit-transform: translate(100%); }
      51% { opacity: 1; }
}
@-moz-keyframes prevArrow {
      49% { -moz-transform: translate(-100%); }
      50% { opacity: 0; -moz-transform: translate(100%); }
      51% { opacity: 1; }
}
@keyframes prevArrow {
      49% { transform: translate(-100%); }
      50% { opacity: 0; transform: translate(100%); }
      51% { opacity: 1; }
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
      font: 2.8em "ws-ctrl-animated";
      z-index:60;
      color: #60cac0;
      background-color:#fff;
      overflow: hidden;
      width: 1.4em;
      height: 1.4em;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;

      -webkit-transition: all .4s ease;
         -moz-transition: all .4s ease;
         -o-transition: all .4s ease;
         transition: all .4s ease;
}
#wowslider-container1 a.ws_next {
      position:absolute;
      top:50%;
      margin-top:-0.8em;
      right: 0.5em;
}
#wowslider-container1 a.ws_prev {
      position:absolute;
      top:50%;
      margin-top:-0.8em;
      left: 0.5em;
}
#wowslider-container1 a.ws_next:after,
#wowslider-container1 a.ws_prev:after {
      display: block;
      text-align: center;
      line-height: 1.5em;
      line-height: 1.9em\9; /* ie9 hack */

      -webkit-transition: color .4s ease;
         -moz-transition: color .4s ease;
         -o-transition: color .4s ease;
         transition: color .4s ease;
}
_:-ms-input-placeholder, :root #wowslider-container1 a.ws_prev:after {line-height: 1.9em;}
_:-ms-input-placeholder, :root #wowslider-container1 a.ws_next:after {line-height: 1.9em;}
#wowslider-container1 a.ws_next:after{
      content:'\e801';
}
#wowslider-container1 a.ws_prev:after{
      content:'\e800';
}
#wowslider-container1 a.ws_next:hover:after{
      color: #fff;
      -webkit-animation: nextArrow 0.3s forwards;
      -moz-animation: nextArrow 0.3s forwards;
      animation: nextArrow 0.3s forwards;
}
#wowslider-container1 a.ws_prev:hover:after{
      color: #fff;
      -webkit-animation: prevArrow 0.3s forwards;
      -moz-animation: prevArrow 0.3s forwards;
      animation: prevArrow 0.3s forwards;
}
#wowslider-container1 a.ws_next:hover,
#wowslider-container1 a.ws_prev:hover{
      background-color: #60cac0;
      -webkit-box-shadow: 0 0 0 0.25em rgba(255,255,255,0.3);
      -moz-box-shadow: 0 0 0 0.25em rgba(255,255,255,0.3);
      box-shadow: 0 0 0 0.25em rgba(255,255,255,0.3);
}

@-webkit-keyframes playAnimate {
      49% { -webkit-transform: translateY(100%); }
      50% { opacity: 0; -webkit-transform: translateY(-100%); }
      51% { opacity: 1; }
}
@-moz-keyframes playAnimate {
      49% { -moz-transform: translateY(100%); }
      50% { opacity: 0; -moz-transform: translateY(-100%); }
      51% { opacity: 1; }
}
@keyframes playAnimate {
      49% { transform: translateY(100%); }
      50% { opacity: 0; transform: translateY(-100%); }
      51% { opacity: 1; }
}
@-webkit-keyframes pauseAnimate {
      49% { -webkit-transform: translateY(-100%); }
      50% { opacity: 0; -webkit-transform: translateY(100%); }
      51% { opacity: 1; }
}
@-moz-keyframes pauseAnimate {
      49% { -moz-transform: translateY(-100%); }
      50% { opacity: 0; -moz-transform: translateY(100%); }
      51% { opacity: 1; }
}
@keyframes pauseAnimate {
      49% { transform: translateY(-100%); }
      50% { opacity: 0; transform: translateY(100%); }
      51% { opacity: 1; }
}
/* #wowslider-container1 .ws_playpause {
      position:absolute;
      top:50%;
      left: 50%;
      margin-top:-1.15em;
      font: 2em "ws-ctrl-animated";
      color: #60cac0;
      background-color:#fff;
      z-index: 59;
      text-decoration: none;
      margin-left: -1.15em;
      width: 2.3em;
      height: 2.3em;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden;

      -webkit-transition: all .4s ease;
         -moz-transition: all .4s ease;
         -o-transition: all .4s ease;
         transition: all .4s ease;
}
#wowslider-container1 .ws_playpause:hover {
      background-color: #60cac0;
      -webkit-box-shadow: 0 0 0 0.35em rgba(255,255,255,0.3);
      -moz-box-shadow: 0 0 0 0.35em rgba(255,255,255,0.3);
      box-shadow: 0 0 0 0.35em rgba(255,255,255,0.3);
} */
#wowslider-container1 .ws_playpause:after{
      display: block;
      text-align: center;
      line-height: 2.3em;
      line-height: 2.6em\9;

      -webkit-transition: color .4s ease;
         -moz-transition: color .4s ease;
         -o-transition: color .4s ease;
         transition: color .4s ease;
}
/* IE10+ hacks */
_:-ms-input-placeholder, :root #wowslider-container1 .ws_playpause:after {line-height: 2.6em;}
/* #wowslider-container1 .ws_pause:after {
      content: '\e803';
} */
#wowslider-container1 .ws_play:after {
      content: '\e802';
}
#wowslider-container1 .ws_pause:hover:after {
      color: #fff;
      -webkit-animation: pauseAnimate 0.3s forwards;
      -moz-animation: pauseAnimate 0.3s forwards;
      animation: pauseAnimate 0.3s forwards;
}
#wowslider-container1 .ws_play:hover:after {
      color: #fff;
      -webkit-animation: playAnimate 0.3s forwards;
      -moz-animation: playAnimate 0.3s forwards;
      animation: playAnimate 0.3s forwards;
}
#wowslider-container1  .ws_bullets {
      bottom:7px;
      left:50%;
}
#wowslider-container1  .ws_bullets div{
      left:-50%;
}
#wowslider-container1 .ws_bulframe span{
      visibility: visible;
      opacity: 1;
      position: absolute;
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #fff;
      bottom:-8px;
      margin-left:-7px;
      left:85px;
}
#wowslider-container1 .ws-title{
      position: absolute;
      font: 1.3em 'Inder', Tahoma, Geneva, sans-serif;
      margin-right:10em;
      z-index: 50;
      color: #FFFFFF;
      left: 1em;
      background: none;
      padding: 1em;
      bottom: 30px;
      top: auto;
      opacity: 1;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
      display:inline-block;
      padding: 0.5em;
      text-transform: uppercase;
}
#wowslider-container1 .ws-title div{
      display:block;
      margin-top:0.5em;
      font-size: 1.1em;
      padding: 0.7em;
      line-height: 1.15em;
      background-color:#60cac0;
      color:#fff;

      -webkit-border-radius: 0.8em;
      -moz-border-radius: 0.8em;
      border-radius: 0.8em;
}
#wowslider-container1 .ws-title span{
      font-size: 1.8em;
      -webkit-border-radius: 0.8em;
      -moz-border-radius: 0.8em;
      border-radius: 0.8em;
      background-color:#fff;
      color:#60cac0;
}#wowslider-container1 .ws_images > ul{
      animation: wsBasic 28s infinite;
      -moz-animation: wsBasic 28s infinite;
      -webkit-animation: wsBasic 28s infinite;
}
@keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }
@-moz-keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }

#wowslider-container1 .ws_bullets a img{
      text-indent:0;
      display:block;
      bottom:15px;
      left:-85px;
      visibility:hidden;
      position:absolute;
      border: 1px solid #FFFFFF;
      max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
      visibility:visible;
}
#wowslider-container1 .ws_bullets a span{font-size: 0;}
#wowslider-container1 .ws_bulframe div div{
      height:48px;
      overflow:visible;
      position:relative;
}
#wowslider-container1 .ws_bulframe div {
      left:0;
      overflow:hidden;
      position:relative;
      width:170px;
      background-color:#FFFFFF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
      display:none;
      bottom:25px;
      margin-left:4px;
      overflow:visible;
      position:absolute;
      cursor:pointer;
      border: 3px solid #FFFFFF;
}#wowslider-container1 .ws_bulframe div div{
      height: auto;
}

@media all and (max-width:760px) {
      #wowslider-container1 .ws_fullscreen {
               display: block;
      }
}
@media all and (max-width:400px){
      #wowslider-container1 .ws_controls,
      #wowslider-container1 .ws_bullets,
      #wowslider-container1 .ws_thumbs{
               display: none
      }
}

admin · 发表于 2018-11-20 21:47:36

/*
*       generated by WOW Slider 8.8
*       template Noble
*/

#wowslider-container1 {
      display: table;
      zoom: 1;
      position: relative;
      width: 100%;
      max-width: 100%;
      max-height:800px;
      margin:0px auto 0px;
      z-index:90;
      text-align:left; /* reset align=center */
      font-size: 10px;
      text-shadow: none; /* fix some user styles */

      /* reset box-sizing (to boostrap friendly) */
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
}
* html #wowslider-container1{ width:1920px }
#wowslider-container1 .ws_images ul{
      position:relative;
      width: 10000%;
      height:100%;
      left:0;
      list-style:none;
      margin:0;
      padding:0;
      border-spacing:0;
      overflow: visible;
      /*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
      position: relative;
      width:1%;
      height:100%;
      line-height:0; /*opera*/
      overflow: hidden;
      float:left;
      /*font-size:0;*/
      padding:0 0 0 0 !important;
      margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
      position: relative;
      left:0;
      top:0;
      height:100%;
      max-height:800px;
      max-width: 100%;
      vertical-align: top;
      border:none;
      overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
      width:100%;
      height:100%;
      max-height:800px;
      display:block;
      color:transparent;
}
#wowslider-container1 img{
      max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
      width:100%;
      border:none 0;
      max-width: none;
      padding:0;
      margin:0;
}
#wowslider-container1 .ws_images > div > img {
      max-height:800px;
}

#wowslider-container1 .ws_images iframe {
      position: absolute;
      z-index: -1;
}

#wowslider-container1 .ws-title > div {
      display: inline-block !important;
}

#wowslider-container1 a{
      text-decoration: none;
      outline: none;
      border: none;
}

#wowslider-container1  .ws_bullets {
      float: left;
      position:absolute;
      z-index:70;
}
#wowslider-container1  .ws_bullets div{
      position:relative;
      float:left;
      font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a {
      line-height: 0;
}

#wowslider-container1  .ws_script{
      display:none;
}
#wowslider-container1 sound,
#wowslider-container1 object{
      position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container1 .ws_effect {
      position: static;
      width: 100%;
      height: 100%;
}

#wowslider-container1 .ws_photoItem {
      border: 2em solid #fff;
      margin-left: -2em;
      margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
      background: #A6A5A9;
}

#wowslider-container1.ws_gestures {
      cursor: -webkit-grab;
      cursor: -moz-grab;
      cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
      cursor: -webkit-grabbing;
      cursor: -moz-grabbing;
      cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev {
      display: none;
}

/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn {
      position: absolute;
      display: none;
      cursor: pointer;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
      display: block;
}
#wowslider-container1 .ws_video_btn div {
      position: absolute;
      background-image: url(./playvideo.png);
      background-size: 200%;
      top: 50%;
      left: 50%;
      width: 7em;
      height: 5em;
      margin-left: -3.5em;
      margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
      background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
      background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
      background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
      background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
      display: none !important;
}

#wowslider-container1  .ws_bullets {
      padding: 10px;
}
#wowslider-container1 .ws_bullets a {
      margin-left: 5px;
      height: 10px;
      width: 10px;
      float: left;
      border: 1px solid #d6d6d6;
      color: #d6d6d6;
      text-indent: -4000px;
      background-image:url("data:image/gif;base64,");
      position:relative;
      color:transparent;
}
#wowslider-container1 .ws_selbull {
      background-color: #d6d6d6;
      color: #FFFFFF;
}

#wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_overbull {
      background-color: #d6d6d6;
      color: #FFFFFF;
}

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
      background-size: 200%;
      position:absolute;
      top:50%;
      margin-top:-1.6em;
      z-index:60;
      height: 6.7em;
      width: 3.2em;
      background-image: url(./arrows.png);
}
#wowslider-container1 a.ws_next{
      background-position: 0 0;
      right:-0.7em;
}
#wowslider-container1 a.ws_prev {
      left:-0.7em;
      background-position: 0 100%;
}
#wowslider-container1 a.ws_next:hover{
      background-position: 100% 0;
}
#wowslider-container1 a.ws_prev:hover{
      background-position: 100% 100%;
}

/*playpause*/
#wowslider-container1 .ws_playpause {
width: 4.4em;
height: 4.4em;
position: absolute;
top: 50%;
left: 50%;
margin-left: -2.2em;
margin-top: -2.2em;
z-index: 59;
      background-size: 100% 200%;
}

#wowslider-container1 .ws_pause {
background-image: url(./pause.png);
}

#wowslider-container1 .ws_play {
background-image: url(./play.png);
}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
background-position: 100% 100% !important;
}/* bottom center */
#wowslider-container1  .ws_bullets {
      bottom:0;
      left:50%;
}
#wowslider-container1  .ws_bullets div{
      left:-50%;
}
#wowslider-container1 .ws-title{
      position: absolute;
      font: 1.4em Tahoma, Arial, Helvetica;
      bottom:7%;
      left: 0;
      margin-right:0.5em;
      z-index: 50;
      color:#1e4553;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
      display:inline-block;
      background-color:#FFF;
      padding:0.8em;
      opacity:0.7;
      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#wowslider-container1 .ws-title div{
      display:block;
      margin-top:0.5em;
      font-size: 0.857em;
}#wowslider-container1 .ws_images > ul{
      animation: wsBasic 28s infinite;
      -moz-animation: wsBasic 28s infinite;
      -webkit-animation: wsBasic 28s infinite;
}
@keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }
@-moz-keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }

#wowslider-container1 .ws_bullets  a img{
      text-indent:0;
      display:block;
      bottom:12px;
      left:-58px;
      visibility:hidden;
      position:absolute;
border: 2px solid #B8C4CF;
      max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
      visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
      height:48px;
      overflow:visible;
      position:relative;
}
#wowslider-container1 .ws_bulframe div {
      left:0;
      overflow:hidden;
      position:relative;
      width:115px;
      background-color:#B8C4CF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
      display:none;
      bottom:25px;
      overflow:visible;
      position:absolute;
      cursor:pointer;
border: 2px solid #B8C4CF;
}
#wowslider-container1 .ws_bulframe span{
      position:absolute;
}#wowslider-container1 .ws_bulframe div div{
      height: auto;
}

@media all and (max-width:760px) {
      #wowslider-container1 .ws_fullscreen {
            display: block;
      }
}
@media all and (max-width:400px){
      #wowslider-container1 .ws_controls,
      #wowslider-container1 .ws_bullets,
      #wowslider-container1 .ws_thumbs{
            display: none
      }
}

admin · 发表于 2019-6-28 14:32:17

#wowslider-container1{display:table;zoom:1;position:relative;width:100%;max-width:100%;max-height:980px;margin:0 auto 0;z-index:90;text-align:left;font-size:10px;text-shadow:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
* html #wowslider-container1{width:1920px}
#wowslider-container1 .ws_images ul{position:relative;width:10000%;height:100%;left:0;list-style:none;margin:0;padding:0;border-spacing:0;overflow:visible}
#wowslider-container1 .ws_images ul li{position:relative;width:1%;height:100%;line-height:0;overflow:hidden;float:left;padding:0!important;margin:0!important}
#wowslider-container1 .ws_images{position:relative;left:0;top:0;height:100%;max-height:980px;max-width:100%;vertical-align:top;border:none;overflow:hidden}
#wowslider-container1 .ws_images ul a{width:100%;height:100%;max-height:980px;display:block;color:transparent}
#wowslider-container1 img{max-width:none!important}
#wowslider-container1 .ws_images .ws_list img,#wowslider-container1 .ws_images>div>img{width:100%;min-height:180px;border:none 0;max-width:none;padding:0;margin:0}
#wowslider-container1 .ws_images>div>img{max-height:980px}
#wowslider-container1 .ws_images iframe{position:absolute;z-index:-1}
#wowslider-container1 .ws-title>div{display:inline-block!important}
#wowslider-container1 a{text-decoration:none;outline:0;border:none}
#wowslider-container1 .ws_bullets{float:left;position:absolute;z-index:70}
#wowslider-container1 .ws_bullets div{position:relative;float:left;font-size:0}
#wowslider-container1 .ws_bullets a{line-height:0}
#wowslider-container1 .ws_script{display:none}
#wowslider-container1 object,#wowslider-container1 sound{position:absolute}
#wowslider-container1 .ws_effect{position:static;width:100%;height:100%}
#wowslider-container1 .ws_photoItem{border:2em solid #fff;margin-left:-2em;margin-top:-2em}
#wowslider-container1 .ws_cube_side{background:#a6a5a9}
#wowslider-container1.ws_gestures{cursor:-webkit-grab;cursor:-moz-grab;}
#wowslider-container1.ws_gestures.ws_grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;}
#wowslider-container1.ws_video_playing .ws_bullets,#wowslider-container1.ws_video_playing .ws_fullscreen,#wowslider-container1.ws_video_playing .ws_next,#wowslider-container1.ws_video_playing .ws_prev{display:none}
#wowslider-container1 .ws_video_btn{position:absolute;display:none;cursor:pointer;top:0;left:0;width:100%;height:100%;z-index:55}
#wowslider-container1 .ws_video_btn.ws_vimeo,#wowslider-container1 .ws_video_btn.ws_youtube{display:block}
#wowslider-container1 .ws_video_btn div{position:absolute;background-size:200%;top:50%;left:50%;width:7em;height:5em;margin-left:-3.5em;margin-top:-2.5em}
#wowslider-container1 .ws_video_btn.ws_youtube div{background-position:0 0}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div{background-position:100% 0}
#wowslider-container1 .ws_video_btn.ws_vimeo div{background-position:0 100%}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div{background-position:100% 100%}
#wowslider-container1 .ws_playpause.ws_hide{display:none!important}
#wowslider-container1 .ws_bullets{padding:10px}
#wowslider-container1 .ws_bullets a{position:relative;display:inline-block;margin:4px 10px;padding:7px;width:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 0 2px #fff;-moz-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#wowslider-container1 .ws_bullets a:hover:after{background-color:#60cac0}
#wowslider-container1 .ws_bullets a.ws_selbull,#wowslider-container1 .ws_bullets a:hover{background-color:#fff;-webkit-box-shadow:0 0 0 3px rgba(255,255,255,.3);-moz-box-shadow:0 0 0 3px rgba(255,255,255,.3);box-shadow:0 0 0 3px rgba(255,255,255,.3)}
#wowslider-container1 .ws_bullets a.ws_overbull:after,#wowslider-container1 .ws_bullets a.ws_selbull:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:#60cac0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transform:scale(.4);-moz-transform:scale(.4);-o-transform:scale(.4);transform:scale(.4)}
@-webkit-keyframes nextArrow{
49%{-webkit-transform:translate(100%)}
50%{opacity:0;-webkit-transform:translate(-100%)}
51%{opacity:1}
}
@-moz-keyframes nextArrow{
49%{-moz-transform:translate(100%)}
50%{opacity:0;-moz-transform:translate(-100%)}
51%{opacity:1}
}
@keyframes nextArrow{
49%{transform:translate(100%)}
50%{opacity:0;transform:translate(-100%)}
51%{opacity:1}
}
@-webkit-keyframes prevArrow{
49%{-webkit-transform:translate(-100%)}
50%{opacity:0;-webkit-transform:translate(100%)}
51%{opacity:1}
}
@-moz-keyframes prevArrow{
49%{-moz-transform:translate(-100%)}
50%{opacity:0;-moz-transform:translate(100%)}
51%{opacity:1}
}
@keyframes prevArrow{
49%{transform:translate(-100%)}
50%{opacity:0;transform:translate(100%)}
51%{opacity:1}
}
#wowslider-container1 a.ws_next,#wowslider-container1 a.ws_prev{font:2.8em ws-ctrl-animated;z-index:60;color:#60cac0;background-color:#fff;overflow:hidden;width:1.4em;height:1.4em;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
#wowslider-container1 a.ws_next{position:absolute;top:50%;margin-top:-.8em;right:.5em}
#wowslider-container1 a.ws_prev{position:absolute;top:50%;margin-top:-.8em;left:.5em}
#wowslider-container1 a.ws_next:after,#wowslider-container1 a.ws_prev:after{display:block;text-align:center;line-height:1.4em;line-height:1.4em\9;-webkit-transition:color .4s ease;-moz-transition:color .4s ease;-o-transition:color .4s ease;transition:color .4s ease}
_:-ms-input-placeholder,:root #wowslider-container1 a.ws_prev:after{line-height:1.4em}
_:-ms-input-placeholder,:root #wowslider-container1 a.ws_next:after{line-height:1.4em}
#wowslider-container1 a.ws_next:after{content:'\f060'}
#wowslider-container1 a.ws_prev:after{content:'\f061'}
#wowslider-container1 a.ws_next:hover:after{color:#fff;-webkit-animation:nextArrow .3s forwards;-moz-animation:nextArrow .3s forwards;animation:nextArrow .3s forwards}
#wowslider-container1 a.ws_prev:hover:after{color:#fff;-webkit-animation:prevArrow .3s forwards;-moz-animation:prevArrow .3s forwards;animation:prevArrow .3s forwards}
#wowslider-container1 a.ws_next:hover,#wowslider-container1 a.ws_prev:hover{background-color:#60cac0;-webkit-box-shadow:0 0 0 .25em rgba(255,255,255,.3);-moz-box-shadow:0 0 0 .25em rgba(255,255,255,.3);box-shadow:0 0 0 .25em rgba(255,255,255,.3)}
@-webkit-keyframes playAnimate{
49%{-webkit-transform:translateY(100%)}
50%{opacity:0;-webkit-transform:translateY(-100%)}
51%{opacity:1}
}
@-moz-keyframes playAnimate{
49%{-moz-transform:translateY(100%)}
50%{opacity:0;-moz-transform:translateY(-100%)}
51%{opacity:1}
}
@keyframes playAnimate{
49%{transform:translateY(100%)}
50%{opacity:0;transform:translateY(-100%)}
51%{opacity:1}
}
@-webkit-keyframes pauseAnimate{
49%{-webkit-transform:translateY(-100%)}
50%{opacity:0;-webkit-transform:translateY(100%)}
51%{opacity:1}
}
@-moz-keyframes pauseAnimate{
49%{-moz-transform:translateY(-100%)}
50%{opacity:0;-moz-transform:translateY(100%)}
51%{opacity:1}
}
@keyframes pauseAnimate{
49%{transform:translateY(-100%)}
50%{opacity:0;transform:translateY(100%)}
51%{opacity:1}
}
#wowslider-container1 .ws_playpause:after{display:block;text-align:center;line-height:2.3em;line-height:2.6em\9;-webkit-transition:color .4s ease;-moz-transition:color .4s ease;-o-transition:color .4s ease;transition:color .4s ease}
_:-ms-input-placeholder,:root #wowslider-container1 .ws_playpause:after{line-height:2.6em}
#wowslider-container1 .ws_play:after{content:'\e802'}
#wowslider-container1 .ws_pause:hover:after{color:#fff;-webkit-animation:pauseAnimate .3s forwards;-moz-animation:pauseAnimate .3s forwards;animation:pauseAnimate .3s forwards}
#wowslider-container1 .ws_play:hover:after{color:#fff;-webkit-animation:playAnimate .3s forwards;-moz-animation:playAnimate .3s forwards;animation:playAnimate .3s forwards}
#wowslider-container1 .ws_bullets{bottom:7px;left:50%}
#wowslider-container1 .ws_bullets div{left:-50%}
#wowslider-container1 .ws_bulframe span{visibility:visible;opacity:1;position:absolute;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff;bottom:-8px;margin-left:-7px;left:85px}
#wowslider-container1 .ws-title{position:absolute;font:1.3em Inder,Tahoma,Geneva,sans-serif;margin-right:10em;z-index:50;color:#fff;left:1em;background:0 0;padding:1em;bottom:30px;top:auto;opacity:1}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{display:inline-block;padding:.5em;text-transform:uppercase}
#wowslider-container1 .ws-title div{display:block;margin-top:.5em;font-size:1.1em;padding:.7em;line-height:1.15em;background-color:#60cac0;color:#fff;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em}
#wowslider-container1 .ws-title span{font-size:1.8em;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;background-color:#fff;color:#60cac0}
#wowslider-container1 .ws_images>ul{animation:wsBasic 28s infinite;-moz-animation:wsBasic 28s infinite;-webkit-animation:wsBasic 28s infinite}
@keyframes wsBasic{
0%{left:0}
7.14%{left:0}
14.29%{left:-100%}
21.43%{left:-100%}
28.57%{left:-200%}
35.71%{left:-200%}
42.86%{left:-300%}
50%{left:-300%}
57.14%{left:-400%}
64.29%{left:-400%}
71.43%{left:-500%}
78.57%{left:-500%}
85.71%{left:-600%}
92.86%{left:-600%}
}
@-moz-keyframes wsBasic{
0%{left:0}
7.14%{left:0}
14.29%{left:-100%}
21.43%{left:-100%}
28.57%{left:-200%}
35.71%{left:-200%}
42.86%{left:-300%}
50%{left:-300%}
57.14%{left:-400%}
64.29%{left:-400%}
71.43%{left:-500%}
78.57%{left:-500%}
85.71%{left:-600%}
92.86%{left:-600%}
}
@-webkit-keyframes wsBasic{
0%{left:0}
7.14%{left:0}
14.29%{left:-100%}
21.43%{left:-100%}
28.57%{left:-200%}
35.71%{left:-200%}
42.86%{left:-300%}
50%{left:-300%}
57.14%{left:-400%}
64.29%{left:-400%}
71.43%{left:-500%}
78.57%{left:-500%}
85.71%{left:-600%}
92.86%{left:-600%}
}
#wowslider-container1 .ws_bullets a img{text-indent:0;display:block;bottom:15px;left:-85px;visibility:hidden;position:absolute;border:1px solid #fff;max-width:none}
#wowslider-container1 .ws_bullets a:hover img{visibility:visible}
#wowslider-container1 .ws_bullets a span{font-size:0}
#wowslider-container1 .ws_bulframe div div{height:48px;overflow:visible;position:relative}
#wowslider-container1 .ws_bulframe div{left:0;overflow:hidden;position:relative;width:170px;background-color:#fff}
#wowslider-container1 .ws_bullets .ws_bulframe{display:none;bottom:25px;margin-left:4px;overflow:visible;position:absolute;cursor:pointer;border:3px solid #fff}
#wowslider-container1 .ws_bulframe div div{height:auto}
@media all and (max-width:760px){
#wowslider-container1 .ws_fullscreen{display:block}
}
@media all and (max-width:400px){
#wowslider-container1 .ws_bullets,#wowslider-container1 .ws_controls,#wowslider-container1 .ws_thumbs{display:none}
}

		自动登录	找回密码
密码			立即注册

Wowslider.CSS样式模板库

Noble.CSS

模板/css/wow.css脚本