/* Caption Style */

        .captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(../../img/browser-icons.png);
        }
    
            /* Example to add fixed static share buttons in slider BEGIN */
            /* Remove it if no need */
            /* Share Button Styles */
  
                .share-icon {
                    display: inline-block;
                    float: left;
                    margin: 4px;
                    width: 32px;
                    height: 32px;
                    cursor: pointer;
                    vertical-align: middle;
                    background-image: url(../../img/share/share-icons.png);
					/*z-index:8888888;nicht funktioniert*/
                }

                .share-facebook {
                    background-position: 0px 0px; 
                }

                    .share-facebook:hover {
                        background-position: 0px -40px;
                    }

        .share-twitter {
            background-position: -40px 0px;
        }

            .share-twitter:hover {
                background-position: -40px -40px;
            }

        .share-pinterest {
            background-position: -80px 0px;
        }

            .share-pinterest:hover {
                background-position: -80px -40px;
            }

                .share-linkedin {
                    background-position: -240px 0px;
                }

                    .share-linkedin:hover {
                        background-position: -240px -40px;
                    }


                .share-googleplus {
                    background-position: -120px 0px;
                }

                    .share-googleplus:hover {
                        background-position: -120px -40px;
                    }


        .share-stumbleupon {
            background-position: -360px 0px;
        }

            .share-stumbleupon:hover {
                background-position: -360px -40px;
            }

                .share-email {
                    background-position: -320px 0px;
                }

                    .share-email:hover {
                        background-position: -320px -40px;
                    }
            
/* Example to add fixed static QR code in slider BEGIN */
            /* Remove it if no need */
            /* QR Code Style */
            
                @media only screen and (max-width: 980px) {
                    .qr_code {
                        display: none;
                    }
                }
            
/* Bullet Navigator Skin Begin */

            /* 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; }
  /* Arrow Navigator Skin Begin */

            /* jssor slider arrow navigator skin 20 css */
            /*
            .jssora20l              (normal)
            .jssora20r              (normal)
            .jssora20l:hover        (normal mouseover)
            .jssora20r:hover        (normal mouseover)
            .jssora20ldn            (mousedown)
            .jssora20rdn            (mousedown)
            */
            .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; }
		

            /* this line can be removed, but it really helps in case of css conflicts in your page */
            /*.slider1 div { position: relative; margin: 0px; padding: 0px; }*/

		
/* inline style */
.yy_slider_1 { position: relative; width: 980px;
        height: 480px; overflow: hidden;}

.yy_slider_2 { filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
                background-color: #000; top: 0px; left: 0px;width: 100%; height:100%; }

.yy_slider_3 { position: absolute; display: block; background: url(../../img/loading.gif) no-repeat center center;
              top: 0px; left: 0px;width: 100%;height:100%;}

.yy_slider_4 {cursor: move; position: absolute; left: 0px; top: 0px; width: 980px;
			height: 480px;
            overflow: hidden;}

.yy_slider_5 {  }

.yy_slider_6 {  }

.yy_title_cn_1 { position: absolute; width: 480px; height: 100px; top: 30px; left: 30px; padding: 5px;
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px; color: #FFFFFF; }
.yy_title_en_1 { position: absolute; width: 460px; height: 60px; top: 90px; left: 30px; padding: 5px;
                    text-align: center; line-height: 40px; font-size: 30px; color: #FFFFFF;}

.yy_title_cn_2 { position: absolute; width: 360px; height: 40px; top: 200px; left: 90px; padding: 0px;
                    text-align: left; line-height: 40px; font-size: 25px; color: #FFFFFF; }
.yy_title_en_2 { position: absolute; width: 460px; height: 30px; top: 240px; left: 90px; padding: 0px;
                    text-align: left; line-height: 30px; font-size: 20px; color: #FFFFFF;}