{*script}{literal}OW.resizeImg($('.ow_oembed_attachment'),{width:'150'});{/literal}{/script*}
{style}{literal}

    .ow_oembed_attachment {
        position: relative;
        padding-right: 20px;
        margin-bottom: 4px;
    }

    .ow_oembed_attachment .two_column  .attachment_left {
        float: left;
        max-width: 150px;
		margin-right: 8px;
    }

    .ow_oembed_attachment .two_column .attachment_right {
        display: inline-block;
    }

    .ow_oembed_attachment .video div.attachment_left {
        position: relative;
    }

    .ow_oembed_attachment .video div.attachment_right {
        display: inline-block;
    }

    .ow_oembed_attachment .one_column .attachment_left {
        display: none;
    }

    .ow_oembed_attachment .attachment_left img
    {
        width: 100%;
        height: auto;
        max-width: none;
    }

    .ow_oembed_attachment .attachment_left embed,
    .ow_oembed_attachment .attachment_left object,
    .ow_oembed_attachment .attachment_left iframe
    {
        width: 300px;
        height: 220px;
    }

    .ow_oembed_attachment:hover .attachment_delete {
        display: block;
    }

    .attachment_delete {
        position: absolute;
        right: 0;
        width:12px;
        height:12px;
        display: none;
    }
    .ow_oembed_attachment .link.two_column,
    .ow_oembed_attachment .video.two_column {
        padding-left: 108px;
    }
    
    .ow_oembed_attachment .video.two_column.ow_video_playing {
        padding-left: 0;
    }
    .ow_oembed_attachment .link.two_column .attachment_left,
    .ow_oembed_attachment .video.two_column .attachment_left {
        max-width: 100px;
        margin-left: -108px;
        margin-top: 4px;
    }
    .ow_oembed_attachment .video.two_column.ow_video_playing .attachment_left {
        margin: 0 0 4px 0;
        width: 100%;
        max-width: none;
    }
    .ow_oembed_attachment .link .ow_oembed_video_cover {
        display: none;
    }
}
{/literal}{/style}

    <div id="{$uniqId}" class="ow_oembed_attachment clearfix {if !empty($containerClass)}{$containerClass}{/if}">
        {if !empty($delete)}
            <a class="attachment_delete ow_miniic_delete {if !empty($deleteClass)}{$deleteClass}{/if}" href="javascript://"></a>
         {/if}

        <div class="{$data.type} {if !empty($data.thumbnail_url) || !empty($data.url)}two_column has_thumbnail{elseif !empty($data.html)}two_column has_html{else}one_column{/if} clearfix">
            <div class="attachment_left">
                {if !empty($data.thumbnail_url) }
                    {*<a href="{$data.href}" target="_blank">
                        <div class="ow_photo_attachment_stage" style="background-image: url({$data.thumbnail_url});"></div>
                    </a>*}
                    
                    <a href="{$data.href}" target="_blank">
                        <img src="{$data.thumbnail_url}" class="attachment_thumb" /> <div class="ow_oembed_video_cover"></div>
                    </a>
                {elseif !empty($data.url)}
                <a href="javascript://" onclick="OW.showImageInFloatBox('{$data.href}');">
                    <div class="ow_photo_attachment_stage" style="background-image: url({$data.url});"></div>
                </a>
                {elseif !empty($data.html)}
                    {$data.html}
                {/if}
            </div>
            <div class="attachment_right ">
                {if !empty($data.title)}
                    <div class="attachment_title"><a href="{$data.href}" target="_blank">{$data.title}</a></div>
                {/if}
                {if !empty($data.description)}
                    <div class="attachment_desc ow_remark">{$data.description}</div>
                {/if}
            </div>
        </div>
    </div>
