@charset "utf-8"; 

@media screen, projection{

.imageflow{

overflow:hidden;

position:relative;

text-align:left;

visibility:hidden;

width: 100%;


/*float: right;*/

height: 200px;

}

.imageflow img{

border:none; 

position:absolute;

margin-top: 10px;

top:0px;

border: solid 1px #fff;

visibility:hidden; 

-ms-interpolation-mode:bicubic

}

.imageflow p{

margin:0 auto; 

text-align:center

}

.imageflow .loading{

border:1px solid white; 

height:15px; 

left:50%; 

margin-left:-106px; 

padding:5px; 

position:relative; 

visibility:visible; 

width:200px}

.imageflow .loading_bar{

background:#fff; 

height:15px; 

visibility:visible; 

width:1%

}

.imageflow .navigation{

z-index:10000

}

.imageflow .caption{
position:relative;
display: block;
color: #535353;
top: -38px;
direction:rtl;
font-weight: normal;
text-align:center; 
z-index:10001
}

.imageflow .scrollbar{

border-bottom:1px solid #b3b3b3; 

position:relative; 

visibility:hidden; 
    margin: 33px auto 0 !important;
z-index:10002; 
    top: -58px;
height:1px

}

.imageflow .slider{

background:url(slider.png) no-repeat; 

height:14px; 

margin:-6px 0 0 -7px; 

position:absolute; 

width:14px; 

z-index:10003

}

.imageflow .slideshow{

cursor:pointer; 

height:14px; 

margin:20px 0 0 20px; 

position:absolute; 

width:14px; 

z-index:10003

}

.imageflow .slideshow.pause{

background:url(button_pause.png) no-repeat

}

.imageflow .slideshow.play{

background:url(button_play.png) no-repeat

}

.imageflow .images{

overflow:hidden; 

white-space:nowrap

}

.imageflow .button{

cursor:pointer; 

height:17px; 

position:relative; 

width:17px

}

.imageflow .next{

background:url(button_left.png) top left no-repeat; 

float:left; 

margin:-7px 0 0 -30px

}

.imageflow .previous{

background:url(button_right.png) top left no-repeat; 

float:right; 

margin:-7px -30px 0 30px

}

}