@charset "utf-8";
.fullwidthbanner-container{
width:100% !important;
position:relative;
padding:0;
max-height:664px !important;
overflow:hidden;
height: 664px;z-index: 1;
}
.fullwidthbanner-container .fullwidthabnner {
width:100% !important;
max-height:664px !important;
position:relative;height: 664px;
}
/*@media only screen and (min-width: 768px) and (max-width: 959px) {
.banner, .bannercontainer { width:768px; height:377px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.banner, .bannercontainer { width:480px; height:301px; }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.banner, .bannercontainer { width:320px;height:188px; }
}
@media only screen and (max-width: 319px) {
.banner, .bannercontainer { width:240px;height:125px; }
}*/
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
background: url(../ban/ico2.png) no-repeat; !important;
}
/*@media only screen and (max-width: 1000px) {
.tp-bullets.simplebullets.round .bullet{ bottom:0px ;}
}
@media only screen and (min-width: 1001px) {
.tp-bullets.simplebullets.round .bullet{ bottom:20px ;}
}*/
/*.tp-leftarrow:hover{background-position: 0 -144px!important;}
.tp-rightarrow:hover{background-position: 0 -216px!important;}*/
/** BULLETS **/
.tp-bullets {
z-index: 1001;
position: absolute;
bottom: 20px;margin-top: -20px!important;
}
.tp-bullets.simplebullets.round .bullet {
cursor: pointer;
position: relative;
background: url(../ban/ico1.png) no-repeat;
width: 20px;
height: 20px;
float: left;top:-20px;margin-left: 10px;
-webkit-transition: background 0.1s linear;
-moz-transition: color, background 0.1s linear;
-o-transition: color, background 0.1s linear;
transition: color, background 0.1s linear;
}
.tp-leftarrow.large {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../ban/ico_sliding.png) no-repeat;
width: 72px;
height: 72px;
margin-left: 0px;
margin-top: -21px;
-webkit-transition: background 0.1s linear;
-moz-transition: color, background 0.1s linear;
-o-transition: color, background 0.1s linear;
transition: color, background 0.1s linear;
/*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);增加阴影*/
/*
**打开注释，按钮变成圆形的
border-radius: 20px; 所有角都使用半径为5px的圆角，此属性为CSS3标准属性
-moz-border-radius: 20px; Mozilla浏览器的私有属性
-webkit-border-radius: 20px; Webkit浏览器的私有属性
border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角
*/
}
.tp-rightarrow.large {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../ban/ico_sliding.png) 0 -72px no-repeat;
width: 72px;
height: 72px;
margin-left: 0;
margin-top: -21px;
-webkit-transition: background 0.1s linear;
-moz-transition: color, background 0.1s linear;
-o-transition: color, background 0.1s linear;
transition: color, background 0.1s linear;
/*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);增加阴影*/
/*
**打开注释，按钮变成圆形的
border-radius: 20px; 所有角都使用半径为5px的圆角，此属性为CSS3标准属性
-moz-border-radius: 20px; Mozilla浏览器的私有属性
-webkit-border-radius: 20px; Webkit浏览器的私有属性
border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角
*/
}
.tp-bullets.tp-thumbs {
z-index: 100;
position: absolute;
padding: 3px;
background-color: #fff;
width: 500px;
height: 50px;
margin-top: -50px;
}
.fullwidthbanner-container .tp-thumbs {
padding: 3px;
}
.tp-bullets.tp-thumbs .tp-mask {
width: 500px;
height: 50px;
overflow: hidden;
position: relative;
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
width: 5000px;
position: absolute;
}
.tp-bullets.tp-thumbs .bullet {
width: 100px;
height: 50px;
cursor: pointer;
overflow: hidden;
background: none;
margin: 0;
float: left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img {
width: 100%;
}
.tp-bannertimer {
width: 100%;
height: 10px;
position: absolute;
z-index: 200;
z-index: 5000;
}
.tp-bannertimer.tp-bottom {
bottom: 0px !important;
height: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive .tp-bullets.tp-thumbs {
width: 300px !important;
height: 30px !important;
}
.responsive .tp-bullets.tp-thumbs .tp-mask {
width: 300px !important;
height: 30px !important;
}
.responsive .tp-bullets.tp-thumbs .bullet {
width: 60px !important;
height: 30px !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets {
display: none;
}
.responsive .tparrows {
display: none;
}
}
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a {
text-decoration: none;
}
.tp-simpleresponsive ul {
list-style: none;
padding: 0;
margin: 0;
}
.tp-simpleresponsive >ul >li {
list-stye: none;
position: absolute;
visibility: hidden;
}
.caption.slidelink a div,
.tp-caption.slidelink a div {
width: 10000px;
height: 10000px;
}
.tp-loader {
background: url(../banner/loader.gif) no-repeat 10px 10px;
background-color: #fff;
margin: -22px -22px;
top: 50%;
left: 50%;
z-index: 10000;
position: absolute;
width: 44px;
height: 44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}