slider1 a:link
        {
            color: #fff;
            text-decoration: none;
        }
 slider1 a:visited
        {
            color: #ff8400;
            text-decoration: none;
        }
  slider1 a:hover
        {
            color: #fff;
            text-decoration: underline;
        }
slider1 a:active
        {
            color: #fff;
            text-decoration: underline;
        }
  slider1 a:visited.nav
        {
            color: #ff8400;
		}
slider1 a:link.featurenav, slider1 a:visited.featurenav
        {
            color: #fff;
        }
 slider1 a:hover.featurenav, slider1 a:active.featurenav
        {
            color: #0080FF;
        }
        
        .backGreen
        {
        	/*
        	background-color: #27a9e3;
        	background-color: rgba(39, 169, 227, 0.3);
            */
        	background-image: url(http://www.jssor.com/img/site/back-green.png);
        }
        
        .backBlackGreen
        {
        	background-image: url(http://www.jssor.com/img/site/back-blackgreen.png);
        }
        
        .backBlack
        {
        	background-image: url(http://www.jssor.com/img/site/back-black.png);
        }

        .backWhite
        {
        	background-image: url(http://www.jssor.com/img/site/back-white.png);
        }
        
        .backBlue
        {
        	/*
        	background-color: #27a9e3;
        	background-color: rgba(0, 0, 160, 0.2);
            */
        	background-image: url(../img/site/back-blue.png);
        }

<!-- Caption & Effect Button & devNav Style -->
   
        A.effectButton, A.effectButton:active, A.effectButton:visited, A.navDev, A.navDev:active, A.navDev:visited
        {
            display: block;
            font-size: 13px;
            line-height: 26px;
            text-align: center;
            background-color: #dadada;
            color: #EB5100;
            text-decoration: none;
            padding: 3px 10px 3px 10px;
            display: inline;
            white-space: nowrap;
        }
        A.effectButton:hover, A.navDev:hover
        {
            color: #EAEAEA;
            background-color: #EB5100;
        }
        A.navDev, A.navDev:active, A.navDev:visited, A.navDev:hover
        {
            left:0px;
            width:255px;
            line-height:26px;
            padding: 0px 5px 0px 5px;
            display: inline-block;
            text-align: left;
        }


/*Thumbnail Style Begin */
    
        .thumb
        {
            position: relative;
            float: left;
            display: inline;
            margin: 25px;
            width: 260px;
            height: 130px;
        }
        .thumbb
        {
            position: absolute;
            left: -1px;
            top: -1px;
            width: 262px;
            height: 132px;
            background-color: #fff;
        }
        .thumbb:hover
        {
            background-color: #ff8400;
        }
        .thumbcb, .thumbc
        {
            position: absolute;
            left: 1px;
            top: 1px;
            width: 260px;
            height: 30px;
        }
        .thumbcb
        {
            background-color: #000;
            filter: alpha(opacity=50);
            opacity: .5;
        }
        .thumbb:hover .thumbcb
        {
            background-color: #ff8400;
        }
        .thumbc
        {
        	font-size: 18px;
        	line-height:30px;
        	text-align:center;
        }
        .thumbix01, .thumbix02, .thumbiv01, .thumbiv02
        {
            position: absolute;
            left: 1px;
            top: 1px;
            width: 260px;
            height: 130px;
        }
        .thumbix01
        {
            background: url(../img/demo/thumbnail-slideshow-effects-01.jpg);
        }
        .thumbix02
        {
            background: url(../img/demo/thumbnail-slideshow-effects-02.jpg);
        }
        .thumbiv01
        {
            background: url(../img/demo/thumbnail-sliders-01.jpg);
        }
        .thumbiv02
        {
            background: url(../img/demo/thumbnail-sliders-02.jpg);
        }

/* feature   */

.feature
        {
            position: absolute;
            width: 350px;
            height: 180px;
        }
        .featureb
        {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #0000A0;
            filter: alpha(opacity=20);
            opacity: .2;
        }
        .featurecb
        {
            position: absolute;
            width: 100%;
            height: 30px;
            background-color: #000;
            filter: alpha(opacity=30);
            opacity: .3;
        }
        .featurec
        {
            position: absolute;
            width: 100%;
            height: 30px;
            text-align: center;
            font-size: 18px;
            line-height: 30px;
            color: #fff;
        }
        .featuret
        {
            position: absolute;
            width: 320px;
            height: 125px;
            top: 40px;
            left: 15px;
            color: #fff;
            font-size: 13px;
            line-height: 26px;
        }

/*  description  */

.description
        {
            position: relative;
            margin: 0 auto;
            padding: 10px;
            top: 0px;
            left: 0px;
            width: 660px;
        }
        .descriptiont
        {
            position: relative;
            width: 630px;
            color: #fff;
            font-size: 13px;
            line-height: 26px;
        }

/* caption    */

.captionOrange, .captionBlack, .captionBlock, .captionGreen
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            filter: inherit;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
		.captionGreen
        {
            background: #468a24;
            background-color: rgba(70, 138, 36, 0.6);
        }
		.captionBlue {
		background:#2b4cb3;
		background-color: rgba(43, 76, 179, 0.65);
		color:#fff;
		}
		
		.captionLblue {
		background:#058fc7;
		background-color: rgba(5, 143, 199, 0.6);
		color:#fff;	
		}
		
		.captionBrgrn {
		background:#226108;
		background-color: rgba(34, 97, 8, 0.65);
		color:#fdca01;
		}
		
		.captionPurp {
			background:#5c5f6e;
			background-color: rgba(92, 95, 110, 0.85);
		}
		
		 .captionBlacke
        {
        	font-size:18px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.75);
        }
		
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.6);
        }
        .captionBlock
        {
        	padding: 10px;
            text-align: left;
            line-height: 20px;
            font-size: 16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
		span.igrn {
		color:#017427;
		}
		span.red {
		color:#da0000;
		}
		
		
		
		.slider1 div { position: relative; margin: 0px; padding: 0px; }
		/* jssor slider bullet navigator skin 03 css */
            /*
            .jssorb03 div           (normal)
            .jssorb03 div:hover     (normal mouseover)
            .jssorb03 .av           (active)
            .jssorb03 .av:hover     (active mouseover)
            .jssorb03 .dn           (mousedown)
            */
            .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
            {
             background: url(../img/b03.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorb03 div { background-position: -5px -4px; }
            .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
            .jssorb03 .av { background-position: -65px -4px; }
            .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
		
		/*   */
		    .jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../img/a20.png) no-repeat;
                overflow:hidden;
            }
            .jssora20l { background-position: -3px -33px; }
            .jssora20r { background-position: -63px -33px; }
            .jssora20l:hover { background-position: -123px -33px; }
            .jssora20r:hover { background-position: -183px -33px; }
            .jssora20ldn { background-position: -243px -33px; }
            .jssora20rdn { background-position: -303px -33px; }