/* 
    Document   : __transform
    Created on : 31.05.2010, 11:38:12
    Author     : arbeit
    Description: webkit - noflash - resolver
*/

#webkitshow{
    width:649px;
    height:564px;
}
#bigpic{
    height:440px;
    -webkit-border-radius: 10px;
    overflow:hidden;
}
#lowerPic, #upperPic{
    height:437px;
}
#lowerPic{
    margin-top:-13px;
}

#upperPic{
    margin-top:-437px;
}
#lowerPic img, #upperPic img{
    height:437px;
    -webkit-border-radius: 10px;
}
#scrollfoot{
    margin-top:15px;
    height:100px;
}
#reButt{
    float:right;
    width:30px;
    height:100px;
    background-image:url(i/webkit_fwd.gif);
    background-repeat:no-repeat;
}
#liButt{
    float:left;
    width:30px;
    height:100px;
    background-image:url(i/webkit_bwd.gif);
    background-repeat:no-repeat;
}
#scrollbox{
    margin:0px 36px 0px 36px;
    width:575px;
    height:100px;
    overflow:hidden;
}
#scrollbox #scrollTable{
}
#scrollbox tr#scrollRow td{
    -webkit-border-radius: 10px;
    overflow:hidden;
}
#scrollbox table tr#scrollRow img{
    height:100px;
    margin-left:3px;
    opacity:0;
}
div.tdBox{
    height:100px;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 3s;

}
/*preloadimgbox*/
div.tdBoxBlnd{
    height:2px;
    overflow:hidden;
}
div.tdBox img,div.tdBoxBlnd img{
	height:100px;
}
div.tdBox.blend{
 	opacity:1;
}
@-webkit-keyframes x-fadeIn
{
    /* Show a leaf while into or below 95 percent of the animation and hide it, otherwise */
    0%   { opacity: 0; }
    50%  { opacity: 0.5; }
    100% { opacity: 1; }
}
@-webkit-keyframes x-fadeOut
{
    /* Show a leaf while into or below 95 percent of the animation and hide it, otherwise */
    0%   { opacity: 1; }
    50%  { opacity: 0.5; }
    100% { opacity: 0; }
}