@charset "utf-8";
/* CSS Document */
   
#wrapper {width:100%;height:520px;position:relative;overflow:hidden;}
.fullwidthbanner-container{width:1920px;height:520px;position:absolute;left:50%;margin-left:-960px;}
.fullwidthbanner-container .fullwidthabnner	{width:100% !important;height:520px !important;position:relative;}

/*@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}*/

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected{	
	background:url(../images/slider-num-bg.png) no-repeat left center !important; 
}
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected { 
    background:#FF2222 !important; 
}
/** BULLETS **/
.tp-bullets {z-index: 1001;position: absolute;bottom: 0px;}
.tp-bullets.simplebullets.round .bullet {cursor: pointer;position: relative;background:url(../images/slider-num-bg.png) no-repeat right center;width: 32px;height: 4px; border-radius: 100%; margin: 0px 3px 12px;height: 13px;float: left;/*border:1px solid #CA0203;border-radius: 3px;*/
-webkit-transition: background 0.3s linear;
-moz-transition: color, background 0.3s linear;
transition: color, background 0.3s linear;
}

.tp-bullets.simplebullets.navbar .bullet {cursor: pointer;position: relative;background:#fff;width: 10px;height: 10px; border-radius: 100%; margin: 6px 3px;float: left;/*border:1px solid #CA0203;border-radius: 3px;*/
-webkit-transition: background 0.3s linear;
-moz-transition: color, background 0.3s linear;
transition: color, background 0.3s linear;
}

.tp-leftarrow.large {z-index: 100;cursor: pointer;position: relative;background:  url(../images/slider-arrow.png) no-repeat left top;width: 30px;height: 62px;margin-top: -31px;margin-left: 13%;	
/*
	**打开注释，按钮变成圆形的
	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(../images/slider-arrow.png) no-repeat right top;width: 30px;height: 62px;margin-top: -31px;margin-left: -13%;
	/*
	**打开注释，按钮变成圆形的
	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(../images/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;
}

/*.full-bottom{position: absolute;height: 32px;width: 100%;left: 0;bottom: 0;background:rgba(0,0,0,0.5);z-index:1000;}*/

/*.tp-bullets{left:auto !important;right:50% !important;bottom:120px !important;width:13px !important;margin-right: -490px;}*/