img{ border:0;} /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .style3 .slides { border:0; } .style3 .carousel_box .slides { border:0; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; height:415px; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { background: #fff; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px } /* Direction Nav */ .flex-direction-nav a { width: 35px; height:64px; margin: 139px 0 0; display: block; background: url("/big5gdyinpingcom/default/xhtml/zhenjie/images/bm_right_banner.png") no-repeat 0 0; position: absolute; cursor: pointer; top:170px; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 100% 0; right: -0; } .flex-direction-nav .flex-prev { background: url("/big5gdyinpingcom/default/xhtml/zhenjie/images/bm_left_banner.png") no-repeat 0 0; } .flexslider:hover .flex-next { opacity: 0.8; right: 0; } .flexslider:hover .flex-prev { opacity: 0.8; left: 0; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; } .flex-control-paging li a { width: 1px; height: 1px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; } .flex-control-paging li a:hover{ background-color:#fff; } .flex-control-paging li a.flex-active { height: 1px; background-color:#fff; cursor: pointer; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .active { opacity: 1; cursor: default; } .flexslider ul.slides li .slide_content, .flexslider ul.slides li .slide_desc, .flexslider ul.slides li .slide_content_left, .flexslider ul.slides li .slide_desc_left, .flexslider ul.slides li .slide_content_right, .flexslider li .slide_desc_right{ position: absolute; top: 5%; text-align: left; height:59px; } .flexslider ul.slides li .slide_content, .flexslider ul.slides li .slide_content_left, .flexslider ul.slides li .slide_desc_righttt{ width:300px; margin:0 10px 10px 0; text-align:right} .flexslider ul.slides li .slide_content, .flexslider ul.slides li .slide_content_left, .flexslider ul.slides li .slide_content_right{ padding:10px 20px; float:right; color: #cc0000;text-align: right; } .flexslider ul.slides li .slide_content, .flexslider ul.slides li .slide_content_left, .flexslider ul.slides li .slide_content_right img{ width:174px; height:59px;} .flexslider ul.slides li .slide_desc, .flexslider ul.slides li .slide_desc_left, .flexslider ul.slides li .slide_desc_right{ color: #7777777; font-size: 11px; opacity: 0.8; border: 0;text-align: right; } .flexslider ul.slides li .slide_content_right, .flexslider ul.slides li .slide_desc_right{ text-align: right; top: 10%; left:auto; right: 18%; font-size:60px; } .flexslider ul.slides li .slide_content_left{ animation: reset, slide-left 0.8s; -moz-animation: reset, slide-left 0.8s; /* Firefox */ -webkit-animation: reset, slide-left 0.8s; /* Safari and Chrome */ } /*.flexslider ul.slides li .slide_content_right{ animation: reset, slide-right 0.8s; -moz-animation: reset, slide-right 0.8s; -webkit-animation: reset, slide-right 0.8s; }*/ .flexslider ul.slides li .slide_desc{ top: 25%; left:8%; } .flexslider ul.slides li .slide_desc_left{ top: 25%; left:8%; -webkit-animation: reset, slide-down 0.8s; -moz-animation: reset, slide-down 0.8s; animation: reset, slide-down 0.8s; } .flexslider ul.slides li .slide_desc_right{ top: 33%; right: 8%; -webkit-animation: reset, slide-up 0.8s; -moz-animation: reset, slide-up 0.8s; animation: reset, slide-up 0.8s; } @keyframes reset { 0% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes reset { 0% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes reset { 0% { opacity: 0; } 100% { opacity: 0; } } @keyframes slide-left { from {left:12%;opacity: 0;} to {left:8%;opacity: 1;} } @-moz-keyframes slide-left /* Firefox */ { from {left:12%;opacity: 0;} to {left:8%;opacity: 1;} } @-webkit-keyframes slide-left /* Safari and Chrome */ { from {left:12%;opacity: 0;} to {left:8%;opacity: 1;} } @keyframes slide-right { from {right:15%;opacity: 0;} to {right:8%;opacity: 1;} } @-moz-keyframes slide-right /* Firefox */ { from {right:15%;opacity: 0;} to {right:8%;opacity: 1;} } @-webkit-keyframes slide-right /* Safari and Chrome */ { from {right:15%;opacity: 0;} to {right:8%;opacity: 1;} } @keyframes slide-down { from {top:15%;opacity: 0;} to {top:25%;opacity: 0.8;} } @-moz-keyframes slide-down /* Firefox */ { from {top:15%;opacity: 0;} to {top:25%;opacity: 0.8;} } @-webkit-keyframes slide-down /* Safari and Chrome */ { from {top:15%;opacity: 0;} to {top:25%;opacity: 0.8;} } @keyframes slide-up { from {top:45%;opacity: 0;} to {top:33%;opacity: 0.8;} } @-moz-keyframes slide-up /* Firefox */ { from {top:45%;opacity: 0;} to {top:33%;opacity: 0.8;} } @-webkit-keyframes slide-up /* Safari and Chrome */ { from {top:45%;opacity: 0;} to {top:33%;opacity: 0.8;} } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity:0; left: 0; } .flex-direction-nav .flex-next { opacity: 0; right: 0; } } @media (max-width: 767px) { .flex-control-nav ,.flex-direction-nav, .flexslider ul.slides li .slide_content_left, .flexslider ul.slides li .slide_desc_left, .flexslider ul.slides li .slide_content_right, .flexslider ul.slides li .slide_desc_right { display:none; } }