.SlidingPanels {
 width: 640px;
 height: 400px;
 border: none;
}

.SlidingPanelsContent {
 width: 640px;
 height: 400px;
 float: left;
 text-align: center;
 border: none;
}

#example2.SlidingPanels {
 float: left;
 border: none;
}
#example2 .SlidingPanelsContentGroup {
 float: left;
 width: 20000px;
 border: none;
}

#example2 .SlidingPanelsContent {
 float: left;
}

#portfolio{
 width: 700px;
 margin: 0 auto;
 padding: 0px;
 clear: both;
}

#portfolio_knopka{
 width: 30px;
 margin: 0px;
 padding: 0px;
 float: left;
}

#portfolio_slider{
 width: 640px;
 margin: 0px;
 padding: 0px;
 float: left;
}

.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

.SlidingPanelsCurrentPanel {
}

.SlidingPanelsFocused {
}

.SlidingPanels {
 position: relative;
 width: 100%;
 height: 400px;
 padding: 0px;
 border: none;
}

.SlidingPanelsContentGroup {
 position: relative;
 width: 100%;
 margin: 0px;
 padding: 0px;
 border: none;
}

span.pr{
 width: 30px;
 height: 30px;
 display: block;
 padding: 0px;
 margin: 150px 0px 0px 0px;
 background: url(http://magicart.com.ua/images/arrow-pr.jpg) no-repeat 0px -31px;
}

span.pr:hover{
 background: url(http://magicart.com.ua/images/arrow-pr.jpg) no-repeat;
 cursor: pointer;
}

span.nx{
 width: 30px;
 height: 30px;
 display: block;
 padding: 0px;
 margin: 150px 0px 0px 0px;
 background: url(http://magicart.com.ua/images/arrow-nx.jpg) no-repeat 0px -31px;
}

span.nx:hover{
 background: url(http://magicart.com.ua/images/arrow-nx.jpg) no-repeat;
 cursor: pointer;
}