#et-slider-wrapper { height:320px; width:100%; margin:0 auto; position: relative; background: #0c151b; } .et-slide { background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -webkit-background-size:cover; background-size:cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height:36px; } .et-slide .container { padding: 30px 0 0 0; } .et-slide .description { background:rgba(0,0,0,0.6);text-shadow: 0 2px 2px rgba(0,0,0,0.3); color: #fff; font-size: 18px; line-height:30px; height: 50px; overflow-y: hidden;float: left; width: 100%; padding:5px 20px; margin-top:240px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-animation-duration: .6s; -webkit-animation-delay: .4s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .4s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .4s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .4s; animation-timing-function: ease; animation-fill-mode: both; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } .description h2 { font-size: 18px!important; color: inherit; overflow:hidden;} .description h2 a { color: #fff; } .description h2 a:hover { text-decoration: none; color: rgba(255,255,255,0.95); } .description .jianjie { max-height:150px; overflow:hidden;} .subtitle { font-size: 18px; text-transform: uppercase; color: #eee; text-align:right; line-height:60px; } .description .more { margin-top:20px; float: right; display: inline-block; text-transform: uppercase; font-size: 24px; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.8); padding: 10px 20px; border: 1px solid #17242a; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3); background: #2a3f4a; background: -moz-linear-gradient(top, #2a3f4a 0%, #1e2f37 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a3f4a), color-stop(100%,#1e2f37)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2a3f4a 0%,#1e2f37 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2a3f4a 0%,#1e2f37 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2a3f4a 0%,#1e2f37 100%); /* IE10+ */ background: linear-gradient(to bottom, #2a3f4a 0%,#1e2f37 100%); /* W3C */ } .description .more:hover { color: rgba(255,255,255,0.9); text-decoration: none; } .featured-image { float: right; width: 420px; -webkit-animation-duration: .6s; -webkit-animation-delay: .8s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .8s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .8s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .8s; animation-timing-function: ease; animation-fill-mode: both; -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } .featured-image img { margin-top:100px; width:400px; border:5px solid #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3);} .js .et-slide { display: none; } .js .et-slide:first-child { display: block; } .et-slider-arrows a { display: block; background-repeat: no-repeat; width: 28px; height: 40px; position: absolute; top: 45%; text-indent: -9999px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; } #et-slider-wrapper .et-arrow-prev { left: 0px; background-image: url(left-arrow.png); } #et-slider-wrapper .et-arrow-next { right: 0px; background-image: url(right-arrow.png); } #et-slider-wrapper:hover .et-slider-arrows a { opacity: 1; } #et-slider-wrapper:hover .et-arrow-prev { left: 30px; } #et-slider-wrapper:hover .et-arrow-next { right: 30px; } #et-slider-controls { position: absolute; bottom: 75px; left: 0; width: 100%; } #et-slider-controls .et-controllers { width: 530px; float: right; text-align: center; display: none;} #et-slider-controls .et-controllers a { display: inline-block; width: 17px; height: 17px; background: url(slider_control.png) no-repeat; text-indent: -9999px; margin: 0 1px; } #et-slider-controls .et-controllers a.et-active-control { background-image: url(active_slider_control.png); } .et-controllers a.et-active-control:hover { cursor: default; } /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/